Upgrading to Angular 10 – Fix CommonJS or AMD dependencies can cause optimization bailouts

by

When you use a dependency that is packaged with CommonJS, it can result in larger slower applications

Starting with version 10, Angular now warns you when your build pulls in one of these bundles. If you’ve started seeing these warnings for your dependencies, let your dependency know that you’d prefer an ECMAScript module (ESM) bundle.

Here is an official documentation – Configuring CommonJS dependencies

In your angular.json file look for the build object and add

allowedCommonJsDependencies

as shown below –

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

More Related Contents:

  1. Angular 7 go offline?
  2. Hot and Cold observables: are there ‘hot’ and ‘cold’ operators?
  3. How to get current value of RxJS Subject or Observable?
  4. BehaviorSubject vs Observable?
  5. Angular 4 Interceptor retry requests after token refresh
  6. How can I close a dropdown on click outside?
  7. Subject vs BehaviorSubject vs ReplaySubject in Angular
  8. How to do the chain sequence in rxjs
  9. Angular 2 – Chaining http requests
  10. Rxjs toPromise() deprecated
  11. How to achieve a debounce service on input keyup event in angular2 with rxjs
  12. How to cancel a subscription in Angular2
  13. What is the difference between Observable and a Subject in rxjs?
  14. How to ‘wait’ for two observables in RxJS
  15. What is the difference between BehaviorSubject and Observable?
  16. Property ‘catch’ does not exist on type ‘Observable’
  17. How to implement a global loader in Angular
  18. How do I include a JavaScript script file in Angular and call a function from that script?
  19. JS : Convert Array of Strings to Array of Objects
  20. How to force Angular2 to POST using x-www-form-urlencoded
  21. Angular ReactiveForms: Producing an array of checkbox values?
  22. Angular 4 pass data between 2 not related components
  23. Angular2 5 minute install bug – require is not defined
  24. Avoid Angular2 to systematically submit form on button click
  25. Scroll to element on click in Angular 4
  26. Angular2 calling custom function after ngSwitch new view is created
  27. angular 2 access ng-content within component
  28. How to use jQuery UI with Angular 2
  29. Is it a bad practice to use jQuery in Angular? [closed]
  30. Angular 4: How to read content of text file with HTTPClient

Leave a Comment