Angular 10 へのアップグレード - CommonJS または AMD の依存関係を修正すると最適化が失敗する可能性がある 質問する

Angular 10 へのアップグレード - CommonJS または AMD の依存関係を修正すると最適化が失敗する可能性がある 質問する

Angular 9アプリをAngular 10バージョンにアップグレードしようとしていますが、アップグレード後に以下の警告が表示されます。

rxjs\BehaviorSubject.js は rxjs-compat/BehaviorSubject に依存します

これをどうすれば修正できますか?

ベストアンサー1

CommonJSでパッケージ化された依存関係を使用すると、次のような結果になることがあります。より大きく、より遅いアプリケーション

バージョン 10 以降、Angular では、ビルドでこれらのバンドルのいずれかが取り込まれると警告が表示されるようになりました。依存関係でこれらの警告が表示されるようになった場合は、依存関係に ECMAScript モジュール (ESM) バンドルを使用するように通知してください。

ここに公式ドキュメントがあります -CommonJS依存関係の設定

あなたの角度付きJSONファイルでビルドオブジェクトを探し、追加します

許可された共通Js依存関係

以下に示すように -

"build": {
  "builder": "@angular-devkit/build-angular:browser",
  "options": {
     "allowedCommonJsDependencies": [
        "rxjs-compat",
         ... few more commonjs dependencies ... 
     ]
     ...
   }
   ...
},

おすすめ記事