vue.js如何引用Vue is not defined。

edge正常,其它两个最新的浏览器都不正常`
<!DOCTYPE HTML>
<html lang="en-US">
<head>

<meta charset="UTF-8">
<title></title>
<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<script src="js/vue.js"></script>

</head>
<body>
<div id="app">
{{message}}
</div>

</body>

</html>

<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {

message: 'Hello Vue!'

}
});

</script>

使用本的的vue.js ,就一直提示`SyntaxError: illegal character`
[详细了解]
vue.js:1
ReferenceError: Vue is not defined
[详细了解]

使用第一个js ,cdn的就可以正常。

难道vue.js不能直接引用,还必须要服务器端配置相应的环境才能使用??

阅读 35.9k
5 个回答

图片描述答案我自己找到了,估计是放弃使用vue.js这个想法了。
最新版本的vue.js在firefox , chrome浏览器,还有微信浏览器上,目前个人使用比较多的,还是以上三者浏览器。
均不支持vue.js像js引入一样子调用。
均会报js语法错误,只有在ie的edge上面不会报语法错误。
ie其它的浏览器没有试。
后来chrome更新到最新的63.0(32位) 还是不行,

图片描述

图片描述

图片描述

图片描述

图片描述

clipboard.png

clipboard.png

clipboard.png
是不是你new Vue的时候用的是小写。。。

你看你下载的vue代码是怎么样的?

是umd的吗?

如果不是

直接把cdn那个复制下来 替换你本地的就行了

这问题还用问吗 VUE没有成功引入!!!!!!

原因

一下载的文件错误
二引入路径不对 


仔细核实一下  打开源码看看  看看路径到底对不对


clipboard.png

我完全下载的 根本没有问题 不知道和你写的有区别吗

一个语法错误, 一个Vue未定义. 我认为是你的js文件有问题.
直接去官方仓库下载试试看, 不要复制粘贴.

去下载

完全复制你的代码, 只是改了一下JS路径, vue 直接复制粘贴下来的.也是完全没毛病

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

这样可以吧. 因为chrome被我更新了, 更新前就是跟你一样的版本.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题