【解決】yarn addでwebpackを追加する時にエラーが出た話
概要
以下のページで学習中の話。 qiita.com
yarn add --dev webpack (以下略)の部分でエラーが発生。
upath@1.0.4: The engine "node" is incompatible with this module. Expected version ">=4 <=9"
原因
どうやらnode v10.0.0でwebpackをインストールする際に起こるらしい。
解決策
上記記事にあったコマンドを試すもダメ。
yarn intall --ignore-engines
エラーメッセージを読むに、nodeのバージョンを下げれば行けそう。
その為、nvmでnodeのバージョンをv8.11.1にダウン(v.9.0.0ではうまく行かなかった。要検証)。
MacBook-Pro-2016:react-spa USER$ nvm install 8.11.1 Downloading and installing node v8.11.1... Downloading https://nodejs.org/dist/v8.11.1/node-v8.11.1-darwin-x64.tar.xz... ######################################################################## 100.0% Computing checksum with shasum -a 256 Checksums matched! Now using node v8.11.1 (npm v5.6.0) MacBook-Pro-2016:react-spa USER$ node -v v8.11.1
めでたく解決。
MacBook-Pro-2016:react-spa USER$ yarn add --dev webpack babel-core babel-loader babel-plugin-transform-react-jsx babel-preset-react react react-dom yarn add v1.6.0 [1/4] 🔍 Resolving packages... [2/4] 🚚 Fetching packages... [3/4] 🔗 Linking dependencies... [4/4] 📃 Building fresh packages... success Saved lockfile. success Saved 271 new dependencies. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ✨ Done in 9.98s.
