小程序開發mpvue-entry掘坑記

問題

根據F-loat/mpvue-quickstart官方提示步驟，當進行到如圖所示最後一步的編譯時，出現錯誤了！？

部分錯誤截圖以下：

初步解決

本來想先進一步分析透徹webpack編譯打包全過程，而後對照上面的錯誤提示跟蹤分析，可是一時實在找不到眉目。因而，我把系統中安裝的vue-cli 2.9徹底刪除，這個很簡單使用以下命令便可：

npm uninstall vue-cli -g

而後，根據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

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

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

最後再運行npm run dev，很是順利。並且再打開微信小程序開發者工具導入並運行小程序也是成功的，以下圖所示：

說明

須要補充說明一點，在上一篇中我說過運行「vue init F-loat/mpvue-quickstart my-project」時出現錯誤404，其實如今看來是因爲網速太慢的緣由所致。如今打開×××，速度明顯快起來，因此下載安裝也很是順利。所以，對於國內的程序員來講，不借助×××，有些國外開源工程/庫安裝有可能很費勁，甚至是失敗！

另外，值得注意的是，使用上面的mpvue-quickstart模板安裝的工程的配置文件package.json中咱們特別關注的幾個庫的版本有點低，以下圖所示：

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

引用

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