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