Vue3.x Error:vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock

Vue3.x错误:vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock

见错误信息:

index.vue:2 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock) is not a function
    at Proxy.render (index.vue:2)
    at $n (vue.global.js:2422)
    at vue.global.js:6415
    at n (vue.global.js:410)
    at ie (vue.global.js:385)
    at B (vue.global.js:6368)
    at j (vue.global.js:6327)
    at P (vue.global.js:6285)
    at g (vue.global.js:5890)
    at oe (vue.global.js:7005)

如图所示:
在这里插入图片描述

解决方案:

经过资料查询,网上提供有相对应的解决方案,如下:

rm -rf node_modules/
rm package-lock.json
npm cache verify
npm i && npm up
//资料来源:https://stackoverflow.com/questions/68795955/vue-3-package-update-errors

但(总有个但是),你发现使用上述步骤之后还是有问题,那么,你是不是使用了webpack.externals

需要修改,templates/index.html 文件 <script> 的引用,如下:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title><%= htmlWebpackPlugin.options.title %></title>
  
  <!--要修改引用版本号-->
  <script src="https://cdn.jsdelivr.net/npm/vue@3.2.7/dist/vue.global.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue-router@4.0.11/dist/vue-router.global.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vuex@4.0.2/dist/vuex.global.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/axios@0.21.0/dist/axios.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue-i18n@9.2.0-beta.3/dist/vue-i18n.global.min.js"></script>

</head>

<body>
  <div id="app"></div>
</body>

</html>```

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Rkatsiteli

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值