小程序錯(cuò)誤TypeError: __webpack_require__

說(shuō)明

或者說(shuō)是“驚喜”發(fā)現(xiàn)吧。本文的起因在近段時(shí)間我繼續(xù)使用mpvue-entry開(kāi)發(fā)，其中再次使用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

典型錯(cuò)誤提示

當(dāng)然，上面第一步如果安裝過(guò)一遍，則無(wú)需再安裝第二遍了。于是，從第二步開(kāi)始再創(chuàng)建一個(gè)示例工程，隨意命名為tmp-mpvue-entry，但是在運(yùn)行至最后一步（即“npm run dev”）時(shí)出現(xiàn)如下所示典型錯(cuò)誤：

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

從字面上看，很容易被誤導(dǎo)，說(shuō)不定你會(huì)花費(fèi)很長(zhǎng)時(shí)間“啃骨頭”。

很可能原因

受昨天剛剛操作成功的啟發(fā)，我突然想到“是不是工程名字中多出現(xiàn)了一個(gè)減號(hào)”導(dǎo)致的？因?yàn)樽蛱煺{(diào)試成功的工程名字為hello-myvueentry。于是，我抓緊試試，再創(chuàng)建一個(gè)工程，命名為tmp-mpvueentry。結(jié)果，非常順利！

因此，使用mpvue-entry官方提供的快速模板創(chuàng)建工程框架時(shí)工程的命名要注意了......