或者說是“驚喜”發(fā)現(xiàn)吧。本文的起因在近段時間我繼續(xù)使用mpvue-entry開發(fā),其中再次使用F-loat/mpvue-quickstart官方建議的步驟,如下所示:
成都創(chuàng)新互聯(lián)自2013年創(chuàng)立以來,是專業(yè)互聯(lián)網技術服務公司,擁有項目成都網站建設、成都網站制作網站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元寧化做網站,已為上家服務,為寧化各地企業(yè)和個人服務,聯(lián)系電話: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
當然,上面第一步如果安裝過一遍,則無需再安裝第二遍了。于是,從第二步開始再創(chuàng)建一個示例工程,隨意命名為tmp-mpvue-entry,但是在運行至最后一步(即“npm run dev”)時出現(xiàn)如下所示典型錯誤:
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
從字面上看,很容易被誤導,說不定你會花費很長時間“啃骨頭”。
受昨天剛剛操作成功的啟發(fā),我突然想到“是不是工程名字中多出現(xiàn)了一個減號”導致的?因為昨天調試成功的工程名字為hello-myvueentry。于是,我抓緊試試,再創(chuàng)建一個工程,命名為tmp-mpvueentry。結果,非常順利!
因此,使用mpvue-entry官方提供的快速模板創(chuàng)建工程框架時工程的命名要注意了......