youyiyang 2022-03-27 09:57 采纳率: 76.7%
浏览 1811
已结题

Vue练习的报错:Uncaught TypeError: Vue is not a constructor

我在练习Vue3.0的时候,{{}}内没有把应该出来的值显示出来,而是在浏览器上报这个错:
example1.htm:14 Uncaught TypeError: Vue is not a constructor
at example1.htm:14:10

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例</title>
<script type="text/javascript" src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="app">
  <p>{{ message }}</p>
</div>

<script>
 new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})
</script>
</body>
</html>


代码如上所示
浏览器报错如上所示
我觉得可能是这里的问题:


<script type="text/javascript" src="https://unpkg.com/vue@next"></script>

请看看是什么原因?

img

  • 写回答

2条回答 默认 最新

  • 你好!机器人 2022-03-27 10:01
    关注

    你去官方下载到本地然后本地引入试试
    用这个试下

    
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
  • rock.dai 2022-03-28 11:19
    关注

    老哥,你用的是vue3.x,Vue已经不是用new Vue来创建实例了,官方也都说了改用createApp方法来创建,都不看官方文档就上来撸码的吗?

    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月4日
  • 已采纳回答 3月27日
  • 创建了问题 3月27日

悬赏问题

  • ¥15 初学者c语言题目解答
  • ¥15 div editable中的光标问题
  • ¥15 mysql报错1415Not allowed to return a result set from a trigger 不知如何修改
  • ¥60 Python输出Excel数据整理,算法较为复杂
  • ¥15 回答几个问题 关于数据库
  • ¥15 51单片机串口通信问题,未完成且要修改
  • ¥15 百鸡问题 c++编程问题(相关搜索:输出数据)
  • ¥30 如何在CMD中设置代理
  • ¥15 我有一块薛定谔的硬盘
  • ¥15 微信小游戏开发2D碰撞检测问题