本文共 1090 字,大约阅读时间需要 3 分钟。
或者说是“惊喜”发现吧。本文的起因在近段时间我继续使用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.vueModule build failed: TypeError: __webpack_require__(...) is not a function......error in ./src/pages/index.vueModule build failed: TypeError: __webpack_require__(...) is not a function......error in ./src/pages/counter.vueModule build failed: TypeError: __webpack_require__(...) is not a function......error in ./src/components/card.vueModule build failed: TypeError: __webpack_require__(...) is not a function
从字面上看,很容易被误导,说不定你会花费很长时间“啃骨头”。
受昨天刚刚操作成功的启发,我突然想到“是不是工程名字中多出现了一个减号”导致的?因为昨天调试成功的工程名字为hello-myvueentry。于是,我抓紧试试,再创建一个工程,命名为tmp-mpvueentry。结果,非常顺利!
因此,使用mpvue-entry官方提供的快速模板创建工程框架时工程的命名要注意了......
转载于:https://blog.51cto.com/zhuxianzhong/2354117