Vue3.x Error：vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock

以你之姓@ 2022-09-10 00:16 289阅读 0赞

##### `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)

如图所示：  
![在这里插入图片描述][c3027c09debe4d7b9f4eed6e43040444.png_pic_center]

### **解决方案：** ###

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

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>```

[c3027c09debe4d7b9f4eed6e43040444.png_pic_center]: /images/20220829/f683da9786a14ce2ba264c8b85f7471f.png