小程序错误TypeError: __webpack_require__

Posted 2021-02-10

说明

或者说是“惊喜”发现吧。本文的起因在近段时间我继续使用mpvue-entry开发，其中再次使用F-loat/mpvue-quickstart官方建议的步骤，如下所示：

$ npm install -g @vue/cli @vue/cli-init
$ vue init F-loat/mpvue-quickstart my-project
$ cd my-project
$ npm install
$ npm run dev

典型错误提示

当然，上面第一步如果安装过一遍，则无需再安装第二遍了。于是，从第二步开始再创建一个示例工程，随意命名为tmp-mpvue-entry，但是在运行至最后一步（即“npm run dev”）时出现如下所示典型错误：

ERROR  Failed to compile with 5 errors                                 15:08:37

 error  in ./src/App.vue

Module build failed: TypeError: __webpack_require__(...) is not a function
......
error  in ./src/pages/index.vue

Module build failed: TypeError: __webpack_require__(...) is not a function
......
error  in ./src/pages/counter.vue

Module build failed: TypeError: __webpack_require__(...) is not a function

......
error  in ./src/components/card.vue

Module build failed: TypeError: __webpack_require__(...) is not a function

从字面上看，很容易被误导，说不定你会花费很长时间“啃骨头”。

很可能原因

受昨天刚刚操作成功的启发，我突然想到“是不是工程名字中多出现了一个减号”导致的？因为昨天调试成功的工程名字为hello-myvueentry。于是，我抓紧试试，再创建一个工程，命名为tmp-mpvueentry。结果，非常顺利！

因此，使用mpvue-entry官方提供的快速模板创建工程框架时工程的命名要注意了......