【npm ERR!】パッケージのバージョンを確認してnpm installする方法

npm installにて@mantine/coreと@mantine/hooksインストールしようとした際にエラーが発生しました。

インストールするパッケージのバージョンの整合性が取れないことによるエラーだったので、
今回はバージョンに関するエラーの対処法を記事にまとめます。

状況説明

Mantineの公式サイトからインストールするためのコマンドをコピーして、ターミナルで実行しました。
https://mantine.dev/pages/getting-started/　（Mantineの公式サイト）

Mantineのサイトで必要なパッケージを選択するとyarnもしくはnpmのインストールコマンドを発行してくれます。

発行されたnpmコマンドをターミナルで実行すると以下の通りエラーが発生しました。

npm install @mantine/core @mantine/hooks @mantine/next @emotion/server @emotion/react
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: frontend@0.1.0
npm ERR! Found: @mantine/core@5.9.2
npm ERR! node_modules/@mantine/core
npm ERR! peer @mantine/core@”5.9.2″ from @mantine/dates@5.9.2
npm ERR! node_modules/@mantine/dates
npm ERR! @mantine/dates@”^5.9.2″ from the root project
npm ERR! peer @mantine/core@”5.9.2″ from @mantine/ds@5.9.2
npm ERR! node_modules/@mantine/ds
npm ERR! @mantine/ds@”^5.9.2″ from the root project
npm ERR! 2 more (@mantine/prism, the root project)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! @mantine/core@”^5.9.2″ from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @mantine/hooks@5.10.3
npm ERR! node_modules/@mantine/hooks
npm ERR! peer @mantine/hooks@”5.10.3″ from @mantine/core@5.10.3
npm ERR! node_modules/@mantine/core
npm ERR! @mantine/core@”^5.9.2″ from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with –force, or –legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

mantine/coreとmantine/hooksでバージョンの不整合によるエラーが発生しているようです。

対処

まずは、npm install package_name@versionにて、インストール可能なバージョンを調べます。

package_nameはインストールするパッケージ名を記載します。今回の場合だと「@mantine/core」「@mantine/hooks」になります。

実際に実行してみるとずらずらとバージョンが表示されます。

npm info @mantine/core versions
[
‘0.1.0’, ‘0.1.1’, ‘0.1.2’, ‘0.1.3’,
‘0.1.4’, ‘0.1.5’, ‘0.1.6’, ‘0.1.7’,
‘0.1.8’, ‘0.1.9’, ‘0.1.10’, ‘0.1.11’,
~
‘5.8.4’, ‘5.9.0’, ‘5.9.1’, ‘5.9.2’,
‘5.9.3’, ‘5.9.4’, ‘5.9.5’, ‘5.9.6’,
‘5.10.0’, ‘5.10.1’, ‘5.10.2’, ‘5.10.3’,
‘6.0.0-alpha.0’, ‘6.0.0-alpha.1’, ‘6.0.0-alpha.2’, ‘6.0.0-alpha.3’,
‘6.0.0-alpha.4’, ‘6.0.0-alpha.5’

5.9.3以下でなければいけないので、5.9.2をインストールすることにします。

npmでバージョンを指定するにはパッケージ名の後ろに「＠バージョン」を記述する必要があります。

今回の場合だと@mantine/core@5.9.2、@mantine/hooks@5.9.2となります。

実際に今回使用したコマンドは以下となります。

npm install @mantine/core@5.9.2 @mantine/hooks@5.9.2 @mantine/next @emotion/server @emotion/react

coreとhooksにはバージョンを書いて指定します。
その他のパッケージについてはエラーは発生してなかったので、そのままインストールを実行します。

これにて無事にmantineのインストールが完了しました。

まとめ

• npm installでエラーが発生した場合はnpm info @mantine/core versionsでインストール可能なバージョンを調べる。
• バージョンを指定するにはnpm install package_name@バージョンを入力する。