laravel 5.5 折騰 node 15 的經歷

zhaiduting發表於2020-11-29

本以為敲幾條命令即可搞定的事,哪曉得折騰下來竟然花了一整天。特此整理成文,記錄如下。

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.5
npm rm laravel-mix vue
安裝最新的 laravel-mix 及 vue 2.6
npm i -D laravel-mix vue@2.*
node v15.3 折騰 laravel 5.5 的經歷

4、嘗試 npm run dev 報了一堆錯誤,說什麼 har-validator 庫檔案不受支援啦、找不到 python 可執行程式啦、什麼 node-gyp.js 重編譯失敗啦……
到這裡就奇怪了,難道執行 laravel 專案還得安裝 python 才行?顯然沒這必要。
如果真要安裝 python 那就要繞彎路了,甚至裝上之後仍然解決不了實際問題。
node v15.3 折騰 laravel 5.5 的經歷

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.*
node v15.3 折騰 laravel 5.5 的經歷

6、再一次嘗試 npm run dev 還是報錯,錯誤資訊有所不同
這次的解決辦法是升級 sass-loader 到最新版(目前 v10 最新),使用下列命令即可
npm i -D sass-loader
node v15.3 折騰 laravel 5.5 的經歷

7、至此,嘗試 npm run dev 會自動安裝相關依賴,並提示 Please run Mix again
好!再次敲入下列命令即可看到令人愉快的 Compiled successfully
npm run dev

8、配置 webpack.mix.js 並建立 .ts 檔案,嘗試使用 TypeScript 編寫指令碼檔案(略)

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章