Angular 10. CommonJS or AMD dependencies can cause optimization bailouts

[alekcey0211]

After update to angular 10. I got this warning.

WARNING in ...\projects\client\src\app\localization.ts depends on devextreme/localization/globalize/date. CommonJS or AMD dependencies can cause optimization bailouts.

after read link "https://angular.io/guide/build#configuring-commonjs-dependencies"
i made this

	"build": {
		"builder": "@angular-devkit/build-ng-packagr:build",
		"options": {
			"allowedCommonJsDependencies": [
				"lodash",
				"devextreme-angular",
				"devextreme",
				"@firebase",
				"@angular/fire",
				"devexpress-richedit",
				"x-data-spreadsheet"
			],
			"tsConfig": "projects/core/tsconfig.lib.json",
			"project": "projects/core/ng-package.json"
		}
	}

But this don`t help me.

What i doing wrong?

[alan-agius4]

Hi @alekcey0211,

Your module entrypoint is devextreme/localization/globalize/date which is not listed in the above.

[BlindDespair]

I would reopen this. The current solution is very inconvenient! We're using lodash in our project and we use synthetic imports to have smaller bundles when importing lodash functions. So we use it like import isEmpty from 'lodash/isEmpty;' and we get a warning per each function and now it's not enough to just say in angular.json 'lodash', but we have to write a long list like "lodash/isEmpty", "lodash/uniqBy", "lodash/get" etc, even though it's just one package in node_modules! We don't want to specify every lodash function we want to use in angular.json just to suppress warning... Would be great if it can be handled per package and not per import.

[ahmadmu]

I'm getting this error when loading local Angular components in their respective modules through a global path like @app. We're using @app to refer to our ./src/app/* folder in tsconfig:

    "paths": {
      "@app/*": [
        "./src/app/*"
      ]
     }

Here's the full error for one of the modules:

WARNING in [...]\src\app\shared-components\shared-components.module.ts depends on @app/shared-components/dashboard/dashboard.component. CommonJS or AMD 
dependencies can cause optimization bailouts.

I know the path should be relative here, but then the error message should reflect that (or another issue) and this error is a bit misleading.

Edit: I looked into it a bit further, and not all components that are loaded this way are showing the warning.

[alan-agius4]

@BlindDespair, let's continue tracking this #18058 since it's has more details.
@ahmadmu, see #18057