WIP: 既存のVue CLI 4のプロジェクトをCLI 5にアップグレードした時の色々
やりたいこと
Vue CLI 4 (@vue/cli)で作成したプロジェクトのプラグインとかを@vue/cli@5系にアップグレードしたい。 WIPのニュアンス
いくつかあるVueのプロジェクトで実施してはまりどころをまとめていきたい。依存が少ないプロジェクトから徐々に実施しいきノウハウを貯めつつ進んでいきたい。 以前やっていた、以下を3にあげる時のもの。
以下は公式の読み物。実施する時にまだこれを参考にしていない。2022/3/26。
プロジェクト1での実施記録
方法はnpm i -g @vue/cliをしている状態でプロジェクトルートディレクトリで以下を実行。
code:bash
vue upgrade
lockfileVersion
package-lock.jsonのlockfileVersionがもともと2だったものが1に下がった。
TypeScriptのバージョンが勝手にあがった
npm run serveした時に「This syntax requires an imported helper but module 'tslib' cannot be found.」というエラーメッセージが出た。このエラー自体はnpm i -D tslibをインストールすれば解決はしたが、TypeScriptのバージョンが上がることで他のビルドエラーが発生したため、Vueのアップグレードに専念するために、npm i typescript@元々のバージョンで元に戻した。 以下はプロジェクト1での最終的な動作した時のコミット。具体的にどのバージョンからどのバージョンになったかなど詳細がわかる。コードは嘘をつかない。