[解決済み] Angular CLIでピア依存をインストールする場合の対処方法は?
質問内容
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の学習を楽しんでください。
関連
-
[解決済み】angular 4アプリにReactiveFormsModuleを追加すると、NgControl用のプロバイダがないエラーが発生する。
-
[解決済み] 型 '{}' は型 '{ title: string; text: string; }' に代入できません。
-
[解決済み] LegendItemComponent をカスタマイズする Angular 用 kendo-ui
-
[解決済み] ng serve または firebase serve を終了させる方法
-
[解決済み] Electron - ローカルリソースのロードが許可されていません
-
[解決済み] Angular2 - エラー。セレクタ "app-root" はどの要素にもマッチしませんでした。
-
[解決済み] "エラーです。オーバーレイのプロバイダがありません!"
-
[解決済み] Angular2において、テンプレートを必要としないコンポーネントがありますが、テンプレートエラーが発生します。
-
[解決済み] AngularでKendo Tabstripのタブを閉じるボタンを実装する方法
-
[解決済み】angular-cliプロジェクトにbootstrapを追加する方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】serveコマンドを使用するには、angular-cliプロジェクト内にいる必要があります。
-
[解決済み】Angular2エラー。exportAs "が "ngForm "に設定されたディレクティブは存在しません。
-
[解決済み] Visual Code で未定義のプロパティ 'thisCompilation' を読み取ることができません。
-
[解決済み] typescriptを使用して、同じhtml DOM要素で「シングルクリック」と「ダブルクリック」を処理する方法:Angular 2または4?
-
[解決済み] ZoneAwarePromiseとは
-
[解決済み] ReferenceError: localStorageが定義されていません。
-
[解決済み] ag-gridで「表示する行がありません」テキストをプログラムで変更するにはどうすればよいですか?
-
[解決済み] ウェブストーム Must be lvalue」の意味するところ
-
[解決済み] モジュール "ionic-native" が見つかりません。
-
[解決済み] ローカルホストが私のアンギュラーアプリに対して無効な応答を送信しました。