今回、個人開発している方のお手伝いでVueを使用することになり、環境構築時のyarn installでエラーとなってしまいました。
その際に解決策として行ったことを記録として残しておこうと思います。
開発環境
PC：MacBook
エディター：VSCode
以前一度Reactの環境構築を行っているので、Nodeはインストールされていました。
エラー発生時の状況
GitHubからダウンロードしたソースコードを開く。
下記のコマンドを実行
$yarn install
しかし下記のエラーとなり失敗しました。
The engine "node" is incompatible with this module. Expected version "^10.13.0 || ^12.13.0 || ^14.17.0 || >=15.0.0". Got "14.16.1"
02
error Found incompatible module.
03
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
nodeのバージョンが非互換であるので、互換性のあるnodeをインストールしてくださいとのこと。
対処
- 互換性のあるNodeのインストール
下記のコマンドを実行して互換性のあるnodeをインストールしました。
$node install 14.17.0
Nodeのバージョンを確認
$node -v
v14.16.1
あれ？バージョンが変わっていない・・・
- 使用するＮodeの切り替えコマンド実施
$nodebrew use 14.17.0
その後、バージョンを確認
$node -v
14.17.0
バージョンが切り替わったことを確認しました。
しかしyarn installでのエラーの状況は変わらず下記のまま・・・
The engine "node" is incompatible with this module. Expected version "^10.13.0 || ^12.13.0 || ^14.17.0 || >=15.0.0". Got "14.16.1"
02
error Found incompatible module.
03
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
3.パスを通す
ググったところ、パスを通す処理をしていませんでしたので下記を実行。
- ~/.zshrcに下記の記載を追記し手保存します。
~/.zshrc
export PATH=$HOME/.nodebrew/current/bin:$PATH
- 下記のコマンド実行
source ~/.zshrc
これでyarn install 実行
インストールが出来たことを確認！
yarn serveコマンドを実行し、デバッグ環境が出来たことを確認しました。