本以為敲幾條命令即可搞定的事,哪曉得折騰下來竟然花了一整天。特此整理成文,記錄如下。
1、更新 window7 到 window10
為什麼要更新到 win10 呢?因為 win7 裝不了 node 15
2、建立 laravel 5.5 專案 ttuse(名字叫做天天用)composer create-project laravel/laravel:5.5.* ttuse
已有 v6、v7、v8 版本,為什麼要建立一個低版本的 laravel 專案?因為我喜歡。
3、更新 laravel-mix 及 vue 版本
刪掉原先的 laravel-mix 1.0 及 vue 2.5npm rm laravel-mix vue
安裝最新的 laravel-mix 及 vue 2.6npm i -D laravel-mix vue@2.*
4、嘗試 npm run dev 報了一堆錯誤,說什麼 har-validator 庫檔案不受支援啦、找不到 python 可執行程式啦、什麼 node-gyp.js 重編譯失敗啦……
到這裡就奇怪了,難道執行 laravel 專案還得安裝 python 才行?顯然沒這必要。
如果真要安裝 python 那就要繞彎路了,甚至裝上之後仍然解決不了實際問題。
5、再次嘗試 npm run dev 發現精準報錯:Node Sass v4.14.1 不支援 Win10
點開連結 github.com/sass/node-sass/releases... 可以看到一張表,清晰的列明瞭 window 系統最多隻能支援到 node 14
到這裡就奇怪了,難道我要給 node 降級?從 node 15 降回 node 14 嗎?
如果真這麼幹可能也行的,但我沒這麼幹,因為我要用更好的解決辦法:不是給 node 降級,而是給 Node Sass 升級!
使用下列命令即可升級到 v5 版本npm i -D node-sass@5.*
6、再一次嘗試 npm run dev 還是報錯,錯誤資訊有所不同
這次的解決辦法是升級 sass-loader 到最新版(目前 v10 最新),使用下列命令即可npm i -D sass-loader
7、至此,嘗試 npm run dev 會自動安裝相關依賴,並提示 Please run Mix again
好!重敲一下命令即可看到令人愉快的 Compiled successfullynpm run dev
8、配置 webpack.mix.js 並建立 .ts 檔案,嘗試使用 TypeScript 編寫指令碼檔案(略)
本作品採用《CC 協議》,轉載必須註明作者和本文連結