小程序错误TypeError: __webpack_require__
更新:HHH   时间:2023-1-7


说明

或者说是“惊喜”发现吧。本文的起因在近段时间我继续使用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官方提供的快速模板创建工程框架时工程的命名要注意了......

返回web开发教程...