Angular v12 compile error

[Horizont77]

Steps to Reproduce:

1. ng new client-app

2. install devextreme devextreme-angular

3. adding devextreme settings :
   
   

4. npm run build:prod

Results You Received:

Results You Expected:

Environment Details:

Visual Studio Code
DevExtreme: 20.2.6, 20.2.7
Angular V12

I think the problem is dx styles (theme.base.css). Without styles I don't get an error.

[babich-a]

Hi. It seems you use angular-cli to create an application. In this case, the devextreme build command (build-themes) does not work as expected. Moreover, it is not called. So, the theme.base.css file does not exist. I recommend adding devextreme to your project as described here

[Horizont77]

Hi, i tried everything again. but i still get the same error.

Without dx.light.css I can build (npm run build:prod) the project but with css I can't. I'll send you the project.

ng12-dx.zip

[babich-a]

Angular 12 has an issue with inlined images angular/angular-cli#20760

[Horizont77]

Thank you for quick feedback

[dansabirov]

The same issue after updating my project to angular 12 (we are using devextreme 20.2.7)

[bryanvam]

also getting this issue

[sezerkorkmaz]

Angular.json's optimization section change inlineCritical to false

       "optimization": {
                "scripts": true,
                "styles": {
                  "minify": true,
                  "inlineCritical": false
                },
                "fonts": false
              },

[Adeyosola]

Angular.json's optimization section change inlineCritical to false

       "optimization": {
                "scripts": true,
                "styles": {
                  "minify": true,
                  "inlineCritical": false
                },
                "fonts": false
              },

This only works for production build. The error still persists in Angular v12 with ng build. (We're using devextreme 21.1.3)

[hamduc7]

Dear All, is there any solution on this error?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue was closed due to inactivity. If you found a bug or have a question about our product, create a new issue on GitHub or submit a ticket in our Support Center.

[MarjanGood]

This issue was closed due to inactivity. If you found a bug or have a question about our product, create a new issue on GitHub or submit a ticket in our Support Center.

hi everybody I have the same issue, Is there any solution for this issue?

[MarjanGood]

dear lexDX,
I am trying to fix my error and this is my error while I am building my project,

√ Copying assets complete.
× Index html generation failed.
undefined:5:142920: property missing ':'

, but this solution doesn't work for me,
"optimization": {
"scripts": true,
"styles": {
"minify": true,
"inlineCritical": false
},
"fonts": false
},

The error still persists in Angular v12 with ng build. (We're using devextreme 21.1.3)
Is there any other solution to solve this error?