HbuilderX 代码 编译无错,运行报错。

报错:failed to load resource:net::ERR_FILE_NOT_FOUND

vm = new Vue 报错: Uncaught ReferenceError:Vue is not defined

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

根据截图推测是vue.js文件路径有误,提供的信息太少,最好能截图下运行时的浏览器控制台报错。

这里似乎有两个不同的问题:

  1. 运行代码时出现错误信息“failed to load resource:net::ERR_FILE_NOT_FOUND”。这可能表示代码尝试加载的某些资源(如图像或字体)无法找到。您应该检查您的文件路径,确保所有资源位于正确的目录中,并且它们的文件名拼写正确。
  2. 另一个错误信息是“Uncaught ReferenceError:Vue is not defined”。这可能表示Vue库没有正确加载。请确保您已将Vue库包含在您的项目中,并且在您的代码执行之前正确加载它。您可以查看您的HTML文件,确保Vue脚本标签已包含在其中,并且它出现在你的标签之前。

这是因为 Vue.js 库未正确加载或未被引入,因此无法使用 Vue。

首先,请确保 Vue.js 库已经正确下载并在 HTML 中引入,通常可以通过以下方法引入:

php
Copy code
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script>
其次,请检查您的代码是否正确创建了 Vue 实例。例如:

css
Copy code
var vm = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
});
如果您仍然无法解决这个问题,请检查您的代码是否有语法错误或其他错误。如果仍然无法解决,请向我们提供更多的代码以及错误信息,以便我们更好地帮助您。

根据您的描述,可能是您在代码中引用了不存在的资源或库。请检查您的代码中是否存在以下情况:

  1. 检查报错信息中的资源路径是否正确,确保文件存在于指定的位置。

  2. 检查是否正确引入Vue.js库。可以使用CDN链接或将vue.js下载到本地,并在HTML文件中使用