Feathers: Optimization warnings in Angular 10

Created on 28 Jun 2020 · 3Comments · Source: feathersjs/feathers

Steps to reproduce

On upgrading angular application to Angular 10.0.0 It gives warning for modules and packages that have dependency on commonjs or AMD for optimization bailouts

PSB Log for warnings

WARNING in src/app/core/services/feathers.service.ts depends on @feathersjs/socketio-client. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

WARNING in src/app/core/services/feathers.service.ts depends on @feathersjs/feathers. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

WARNING in src/app/core/services/feathers.service.ts depends on @feathersjs/authentication-client. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

WARNING in src/app/core/services/feathers.service.ts depends on socket.io-client. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

WARNING in src/app/core/services/feathers.service.ts depends on feathers-reactive. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

System configuration

Module versions
@feathersjs/authentication-client: "^4.5.4"
@feathersjs/feathers: "^4.5.3"
@feathersjs/socketio-client: "^4.5.4"
socket.io-client: "^2.3.0"

NodeJS version:
Node 12

Operating System:
Linux mint 19.3

Client Feature

Source

arkenstan

Most helpful comment

ESM builds should be added to correctly fix these warnings.

bertho-zero on 8 Aug 2020

👍3

All 3 comments

HI arkenstan well I resolve that warning adding this in angular.json file

`
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"allowedCommonJsDependencies": [
"socket.io-client",
"socket.io-parser",
"debug"
],

`
Also you can see #18025

alejandroTapiaQ on 7 Aug 2020

👍2

ESM builds should be added to correctly fix these warnings.

bertho-zero on 8 Aug 2020

👍3

Had the same problem Warning: Entry point simplebar-angular contains deep imports
try adding in the angular.json in the "build"=> "options":

"allowedCommonJsDependencies": ["core-js"],

Also I kind of remember adding something in the tsconfig.json
that helped here is mine case check with default settings

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./public/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "allowSyntheticDefaultImports": true,
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  }
}