溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

小程序開發mpvue-entry掘坑記

發布時間:2020-07-25 08:43:12 來源:網絡 閱讀:2431 作者:googlingman 欄目:移動開發

問題

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

小程序開發mpvue-entry掘坑記

部分錯誤截圖如下:
小程序開發mpvue-entry掘坑記

初步解決

原本想先進一步分析透徹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,可參考下圖。

小程序開發mpvue-entry掘坑記

最后再運行npm run dev,非常順利。而且再打開微信小程序開發者工具導入并運行小程序也是成功的,如下圖所示:
小程序開發mpvue-entry掘坑記

說明

需要補充說明一點,在上一篇中我說過運行“vue init F-loat/mpvue-quickstart my-project”時出現錯誤404,其實現在看來是由于網速太慢的原因所致?,F在打開×××,速度明顯快起來,所以下載安裝也非常順利。因此,對于國內的程序員來說,不借助×××,有些國外開源工程/庫安裝有可能很費勁,甚至是失??!

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

小程序開發mpvue-entry掘坑記

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

引用

  • https://github.com/F-loat/mpvue-quickstart
  • https://cli.vuejs.org/guide/creating-a-project.html#using-the-gui
向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女