小程序開發(fā)mpvue-entry掘坑記

問題

根據(jù)F-loat/mpvue-quickstart官方提示步驟，當(dāng)進(jìn)行到如圖所示最后一步的編譯時(shí)，出現(xiàn)錯(cuò)誤了??？

部分錯(cuò)誤截圖如下：

初步解決

原本想先進(jìn)一步分析透徹webpack編譯打包全過程，然后對照上面的錯(cuò)誤提示跟蹤分析，但是一時(shí)實(shí)在找不到眉目。于是，我把系統(tǒng)中安裝的vue-cli 2.9完全刪除，這個(gè)很簡單使用如下命令即可：

npm uninstall vue-cli -g

然后，根據(jù)F-loat/mpvue-quickstart官方提示步驟從最開始再次安裝執(zhí)行，一切順利。官方提到的步驟如下：

$ npm install -g @vue/cli @vue/cli-init
$ vue init F-loat/mpvue-quickstart my-project
$ cd my-project
$ npm install
$ npm run dev

特別說明一下的是第一步。這一步使用全局方式安裝了兩個(gè)內(nèi)容：

npm install @vue/cli這一句安裝的是最新的vue-cli 3.4.1 (2019-02-20)。
npm install @vue/cli-init這一句使用的是Vue CLI 2模板！詳細(xì)說明見引文2，可參考下圖。

最后再運(yùn)行npm run dev，非常順利。而且再打開微信小程序開發(fā)者工具導(dǎo)入并運(yùn)行小程序也是成功的，如下圖所示：

說明

需要補(bǔ)充說明一點(diǎn)，在上一篇中我說過運(yùn)行“vue init F-loat/mpvue-quickstart my-project”時(shí)出現(xiàn)錯(cuò)誤404，其實(shí)現(xiàn)在看來是由于網(wǎng)速太慢的原因所致。現(xiàn)在打開×××，速度明顯快起來，所以下載安裝也非常順利。因此，對于國內(nèi)的程序員來說，不借助×××，有些國外開源工程/庫安裝有可能很費(fèi)勁，甚至是失?。?/p>

另外，值得注意的是，使用上面的mpvue-quickstart模板安裝的工程的配置文件package.json中我們特別關(guān)注的幾個(gè)庫的版本有點(diǎn)低，如下圖所示：

接下來，我想盡量把它們更新到目前最高版本下，以便使用更新更強(qiáng)的功能。

引用

• https://github.com/F-loat/mpvue-quickstart
• https://cli.vuejs.org/guide/creating-a-project.html#using-the-gui