1. ホーム
  2. angular

[解決済み] Angular CLIでピア依存をインストールする場合の対処方法は?

2022-02-04 10:49:55

質問内容

Angular CLIとNPMを更新しようとすると、ほとんど終わりのないエラーのサイクルに陥っていることに気がつきました。更新するたびに、ピアの依存関係をインストールするようにというWARNメッセージが表示されます(下記参照)が、依存関係をインストールするたびに、さらにWARNメッセージが表示されます。この状況を処理する良い方法はありますか、それとも真剣に何時間もかかるのでしょうか?

npm WARN @angular/[email protected] requires a peer of @angular/[email protected] 
but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of typescript@>=2.4.2 
<2.6 but none is installed. You must install peer dependencies yourself.
npm WARN @ng-bootstrap/[email protected] requires a peer of 
@angular/core@^4.0.3 but none is installed. You must install peer 
dependencies yourself.
npm WARN @ng-bootstrap/[email protected] requires a peer of 
@angular/common@^4.0.3 but none is installed. You must install peer 
dependencies yourself.
npm WARN @ng-bootstrap/[email protected] requires a peer of 
@angular/forms@^4.0.3 but none is installed. You must install peer 
dependencies yourself.
npm WARN @schematics/[email protected] requires a peer of @angular-
devkit/[email protected] but none is installed. You must install peer dependencies 
yourself.
npm WARN @schematics/[email protected] requires a peer of @angular-
devkit/[email protected] but none is installed. You must install peer 
dependencies yourself.
npm WARN @schematics/[email protected] requires a peer of @angular-
devkit/[email protected] but none is installed. You must install peer dependencies 
yourself.
npm WARN [email protected] requires a peer of 
@angular/core@^4.0.1 but none is installed. You must install peer 
dependencies yourself.
npm WARN [email protected] requires a peer of 
@angular/common@^4.0.1 but none is installed. You must install peer 
dependencies yourself.
npm WARN [email protected] requires a peer of @angular/platform-
browser@^4.0.0 but none is installed. You must install peer dependencies 
yourself.
npm WARN [email protected] requires a peer of 
@angular/animations@^4.0.1 but none is installed. You must install peer 
dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] - 3 but none 
is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of popper.js@^1.12.3 but 
none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^2.4.7 || ^4.0.0 
but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^2.4.0 || 
^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/common@^2.4.0 || 
^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of typescript@>=2.4.2 <2.6 but none 
is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] 
(node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for 
[email protected]: wanted {"os":"darwin","arch":"any"} (current: 
{"os":"win32","arch":"x64"})

何か間違っているに違いないと思っていますが、私はAngularの初心者なのです。

どのように解決するのですか?

仲間依存の警告は、多くの場合無視できます。対処が必要なのは、ピア依存関係が完全に欠落している場合、またはピア依存関係のバージョンがインストールしたバージョンより高い場合だけです。

この警告を例にとって説明します。

npm WARN @angular/[email protected] は、以下のピアを必要とします。 angular/[email protected]、インストールされていません。ピアをインストールする必要があります。 を自分で作成する必要があります。

Angularの場合、使用するバージョンはすべてのパッケージで統一しておきたいものです。もし、互換性のないバージョンがある場合は パッケージ.json を実行し npm install で、それらがすべて同期されます。私はAngularのバージョンを最新に保つ傾向がありますが、あなたが必要とするAngularのバージョン(最新でない場合もあります)に対してバージョンが一貫していることを確認する必要があります。

こんな時は

npm WARN [email protected] requires a peer of @angular/core@^2.4.0 ||? ^4.0.0 がインストールされていません。ピアの依存関係をインストールする必要があります。 を自分で作ってください。

Angularのバージョンが4.0.0より上であれば、おそらく問題はないでしょう。この場合、何もすることはありません。Angularのバージョンが2.4.0未満である場合、バージョンを上げる必要があります。そのためには パッケージ.json を実行し npm install を実行するか、または npm install をクリックすると、必要なバージョンが表示されます。このように

npm install @angular/[email protected] --save

を省くことができます。 --save npm 5.0.0以降を使用している場合、そのバージョンでは、パッケージは パッケージ.json を自動生成します。

このような場合

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modulesfsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

あなたはWindowsを使用していて フェント はOSXを必要とします。この警告は無視できます。

Angularの学習を楽しんでください。