根據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,其實現在看來是由于網速太慢的原因所致?,F在打開×××,速度明顯快起來,所以下載安裝也非常順利。因此,對于國內的程序員來說,不借助×××,有些國外開源工程/庫安裝有可能很費勁,甚至是失??!
另外,值得注意的是,使用上面的mpvue-quickstart模板安裝的工程的配置文件package.json中我們特別關注的幾個庫的版本有點低,如下圖所示:
接下來,我想盡量把它們更新到目前最高版本下,以便使用更新更強的功能。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。