[筆記] Nuxt2 專案自 Node 14 升級成 Node 16 的注意事項

有鑑於 Node 14 即將在 2023 年的 4 月底停止維護,為了讓專案可以撐久一點,決心將其 Node 的版本往上升到 16。這邊筆記下有用到的一些相關套件所需要的注意事項。
nuxt-js-logo


內容

Nuxt 與其生態系套件的參照版本問題

vue-server-renderer 和 vue 兩者版本需要是相同的。這回在佈署時有遇上參照版本不一致的情形,可以透過在 package.json 指定的方式解決。 ( 用 overrides )

Stylelint 和 scss

1. 若要讓 order 可以依照你的自定義排序,會需要安裝 stylelint-order 套件
2. 移除掉 node-sass 改用 sass
3. 全部的設定檔統一放在 stylelint.config.js 中

終端機指令

1. 移除根目錄的 node_modules 和 package-lock.json
2. 清除 npm 的 cache
3. 安裝 node v16
4. npm install


程式碼


參考資料

1. Nuxtjs: Vue packages version mismatch: [email protected] and [email protected]
2. How to clean cache in npm? npm clear cache
3. stylelint – at-rule-no-unknown

按讚加入粉絲團

延伸閱讀