rfdc'. CommonJS or AMD dependencies can cause optimization bailouts ANGULAR PROJECT with ngx-charts lib

Question

I have à problem with my Angular Project :

when i build my app i have this error log :

"Warning: C:\--------------------------------------------------testcode\node_modules\@swimlane\ngx-charts\fesm2020\swimlane-ngx-charts.mjs depends on 'rfdc'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies
"

and thats my list of lib :

├── @angular-devkit/[email protected]
├── @angular/[email protected]
├── @angular/[email protected]
├── @angular/[email protected]
├── @angular/[email protected]
├── @angular/[email protected]
├── @angular/[email protected]
├── @angular/[email protected]
├── @angular/[email protected]
├── @angular/[email protected]
├── @angular/[email protected]
├── @swimlane/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

I don't know how to fix it ?

Can you help me please ? If you want another part of code tell me !

Answer 1

Try adding this library to the allowedCommonJsDependencies array property of angular.json

"build": {
  ...
  "options": {
     "allowedCommonJsDependencies": [
        "rfdc"
     ],
     ...