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

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>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络,如何解决?
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景
  • ¥70 2048小游戏毕设项目
  • ¥20 mysql架构,按照姓名分表
  • ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分