About yarn run build:shell

After each update, the following warning will be prompted, affecting performance

Warning:

Warning: D:\php\WWW\SuiteCRM_New\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: Angular

Warning: D:\php\WWW\SuiteCRM_New\node_modules\mathjs\lib\esm\core\create.js depends on ‘typed-function’. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: Angular

Warning: D:\php\WWW\SuiteCRM_New\node_modules\mathjs\lib\esm\function\relational\compareNatural.js depends on ‘javascript-natural-sort’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: Angular Warning: D:\php\WWW\SuiteCRM_New\node_modules\mathjs\lib\esm\type\fraction\Fraction.js depends on ‘fraction.js’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: Angular Warning: D:\php\WWW\SuiteCRM_New\node_modules\mathjs\lib\esm\utils\latex.js depends on ‘escape-latex’. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: Angular

Usage environment:

Angular CLI: 16.1.0
Node: 21.4.0 (Unsupported)
Package Manager: yarn 1.22.22
OS: win32 x64

Angular: 16.1.1
… animations, common, compiler, compiler-cli, core, forms
… language-service, localize, platform-browser
… platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.1602.16
@angular-devkit/build-angular 16.2.16
@angular-devkit/core 16.1.0
@angular-devkit/schematics 16.1.0
@angular/cdk 16.2.14
@angular/cli 16.1.0
@schematics/angular 16.1.0
ng-packagr 16.2.3
rxjs 7.8.1
typescript 5.0.4
webpack 5.84.1

Warning: The current version of Node (21.4.0) is not supported by Angular.

How to solve this problem?

I am not sure how to help you, but in case it is useful, here are my current versions, and I can compile successfully with these. I wouldn’t advise straying too far from these versions, since front-end compilation can be picky, you can simply “install the latest” and expect it to work.

SuiteCRM version 8.7.0

yarn --version
4.5.1

node --version
v18.20.2

Angular 18

Can you send the dependencies version of your package.json?

Here is the full thing

{
  "name": "suitecrm",
  "version": "8.7.0",
  "scripts": {
    "ng": "ng",
    "build-dev": "ng build core && ng build shell",
    "build-dev:shell": "ng build shell",
    "build-dev:core": "ng build core",
    "build-dev:extension": "ng build \"$@\" --configuration dev",
    "build": "ng build core --configuration production && ng build shell --configuration production ",
    "build:shell": "ng build shell --configuration production",
    "build:core": "ng build core --configuration production",
    "build:extension": "ng build \"$@\" --configuration production",
    "gen-index:core": "barrelsby --noHeader --delete -e '.*\\.spec.*' -q -d  core/app/core/src/lib/ -n core",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "engines": {
    "node": ">= 10.0.0"
  },
  "browserslist": [
    "defaults"
  ],
  "dependencies": {
    "@angular-architects/module-federation": "^18.0.6",
    "@angular/animations": "18.2.8",
    "@angular/cdk": "^18.2.8",
    "@angular/common": "18.2.8",
    "@angular/compiler": "18.2.8",
    "@angular/core": "18.2.8",
    "@angular/forms": "18.2.8",
    "@angular/localize": "18.2.8",
    "@angular/platform-browser": "18.2.8",
    "@angular/platform-browser-dynamic": "18.2.8",
    "@angular/router": "18.2.8",
    "@apollo/client": "^3.11.8",
    "@ng-bootstrap/ng-bootstrap": "17.0.1",
    "@nrwl/workspace": "^18.3.5",
    "@popperjs/core": "^2.11.8",
    "@swimlane/ngx-charts": "^20.5.0",
    "@tinymce/tinymce-angular": "^8.0.1",
    "@types/object-hash": "^3.0.6",
    "angular-svg-icon": "^17.0.0",
    "apollo-angular": "^7.2.0",
    "bootstrap": "^5.3.3",
    "bootstrap-css-only": "^4.4.1",
    "graphql": "^16.9.0",
    "lodash-es": "^4.17.21",
    "luxon": "3.5.0",
    "mathjs": "^13.2.0",
    "ng-animate": "^2.0.1",
    "ng-dynamic-component": "^10.7.0",
    "ngx-build-plus": "18.0.0",
    "ngx-chips": "^3.0.0",
    "object-hash": "^3.0.0",
    "primeng": "^17.18.11",
    "rxjs": "^7.8.1",
    "tinymce": "^7.4.1",
    "tslib": "^2.8.0",
    "webpack": "^5.95.0",
    "zone.js": "~0.14.10"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "18.2.9",
    "@angular-eslint/builder": "18.3.1",
    "@angular/cli": "18.2.9",
    "@angular/compiler-cli": "18.2.8",
    "@angular/language-service": "18.2.8",
    "@types/jasmine": "~5.1.4",
    "@types/jasminewd2": "^2.0.13",
    "@types/lodash-es": "^4.17.12",
    "@types/luxon": "3.4.2",
    "@typescript-eslint/eslint-plugin": "^8.9.0",
    "@typescript-eslint/parser": "^8.9.0",
    "barrelsby": "^2.8.1",
    "eslint": "^9.12.0",
    "eslint-import-resolver-alias": "^1.1.2",
    "eslint-import-resolver-typescript": "^3.6.3",
    "eslint-plugin-compat": "^6.0.1",
    "eslint-plugin-import": "^2.31.0",
    "eslint-plugin-jasmine": "^4.2.2",
    "eslint-plugin-jsdoc": "^50.4.1",
    "eslint-plugin-prefer-arrow": "^1.2.3",
    "glob": "^11.0.0",
    "jasmine-core": "~5.4.0",
    "jasmine-spec-reporter": "~7.0.0",
    "json-merger": "^1.1.10",
    "karma": "~6.4.4",
    "karma-chrome-launcher": "~3.2.0",
    "karma-cli": "^2.0.0",
    "karma-coverage-istanbul-reporter": "~3.0.3",
    "karma-firefox-launcher": "^2.1.3",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "^2.1.0",
    "ng-packagr": "^18.2.1",
    "typescript": "~5.4.5"
  },
  "packageManager": "yarn@4.5.1"
}

I don’t think I edited it, this should be the original although I guess it is affected by the successive installations and upgrades.

but “@angular-devkit/build-angular”: “18.2.9” Only supports webpack: 5.94.0

I don’t know… It works here.

If you think you’ve found an incoherence, or if it is not working for you, I suggest posting this as an issue on GitHub. Thanks