小程序错误TypeError:__webpack_require__

说明

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

成都创新互联自2013年创立以来,是专业互联网技术服务公司,拥有项目成都网站建设、成都网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元宁化做网站,已为上家服务,为宁化各地企业和个人服务,联系电话:18982081108

$ 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官方提供的快速模板创建工程框架时工程的命名要注意了......


分享名称:小程序错误TypeError:__webpack_require__
网页网址:http://ybzwz.com/article/jpehpc.html