Open4

React+Typescriptプロジェクトのクローンからnpm startまで

samasama

これまでviteでreactの開発を行っていたが、新しく参加したプロジェクトがcreate react appで作成されたもので、クローン直後にnpm runを実行したところエラーを吐かれる。

samasama

対応策1

とりあえず

rm -rf node_modules
npm install

をプロジェクトのルートディレクトリで実行するも解決ならず。
実行時のログで

npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.

が出力される。

samasama

対応策2

確認したところ、作成時の環境でVoltaを使用していたため、その影響でNodeのバージョンが古いらしい。
Voltaをインストール後、再度npm startを実行するも、うまくいかない。

Error: Cannot find module 'C:~\node_modules\react-scripts\bin\react-scripts.js'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:966:15)
    at Function.Module._load (internal/modules/cjs/loader.js:842:27)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
    at internal/main/run_main_module.js:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}
samasama

対応策3

react-scriptsモジュールが見つからないらしいので、再度

rm -rf node_modules
npm install

を実行。
サーバー起動に成功!