Error while build production

[bugger16]

92% chunk asset optimization optimize-css-webpack-pluginAn unhandled exception occurred: Lexical error on line 1: Unrecognized text.

Erroneous area:
1: 100% - auto - 1
^.........^
See "/private/var/folders/wg/2lc16j8d1x3_40ygcwsg5yhh0000gn/T/ng-Fo6Nv6/angular-errors.log" for further details.

[einazare]

Hello again, @bugger16 ,

Sorry for this late reply, my colleagues and I have had a few days of for the Orthodox Easter.
Please go inside src/assets/scss/black-dashboard/custom/_icons.scss and change

width: calc(100% - $icon-size-xl - 1);

to

width: calc(100% - #{$icon-size-xl} - 1);

then

width: calc(100% - $icon-size-lg - 1);

to

width: calc(100% - #{$icon-size-lg} - 1);

then

width: calc(100% - $icon-size-sm - 1);

to

width: calc(100% - #{$icon-size-sm} - 1);

Let me know if you have further issues.

Best,
Manu

[bugger16]

Hi Manu,

Thank you for your response, I have done as your suggestion but it still doesn't work.

As I understand this error will occur when call function "calc" and pass the variable that without "#{}" sign. I searched the whole project and fix by put "#{}" and it still doesn't work.

However, I have tested with your product (ct-black-dashboard-pro-angular) pro version 1.1.1 install and build production. it doesn't work.

but when I tested with free version (master) It works as usual.

Please suggest how to fix this issue

Thanks for supporting
Kulrapat J.

[einazare]

Hello again, @bugger16 ,

Could you please share your project with me?
If you can't share it on Github with my user name (einazare), then could you send the project at my email: manu@creative-tim.com?

Best,
Manu

NOTE: please send the project without node_modules and package-lock.json

[einazare]

Hello there, @bugger16 ,

I've received your code.
You actually have an issue inside src/app/components/navbar/navbar.component.ts, you should replace:

    c/* onsole.log("Get Title 2:", titlee)
    console.log("Title path:",this.listTitles) */

With

    /*console.log("Get Title 2:", titlee)
    console.log("Title path:",this.listTitles) */

Best,
Manu

[bugger16]

Hi Manu, I quite sure that is not the root cause of the problem. [image: Screen Shot 2563-04-24 at 15.12.42.png] As I told you, I downloaded your product version 1.1.1 after that I installed package then I build by ng build --prod. It's still doesn't work. Please test with your product. BRs, Kulrapat J.

…

On Fri, Apr 24, 2020 at 2:55 PM Nazare Emanuel-Ioan < ***@***.***> wrote: Hello there, @bugger16 <https://github.com/bugger16> , I've received your code. You actually have an issue inside src/app/components/navbar/navbar.component.ts, you should replace: c/* onsole.log("Get Title 2:", titlee) console.log("Title path:",this.listTitles) */ With /*console.log("Get Title 2:", titlee) console.log("Title path:",this.listTitles) */ Best, Manu — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#3 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AMTJ5ZB7UNR6FUIFMRQGJADROFAVNANCNFSM4MKQAEPQ> .

[einazare]

Hello again, @bugger16 ,

On my machine, your archive works fine on both build and start scripts (minus the above issue, I had to make the above changes in order for your sent archive to work).

I've also tested our product, and everything worked fine.

For further assistance, I will need from you to send me the following video (you can send it on my personal email if you do not want to make your creative-tim account public - check above - or you can send it here):

• Download the product
• Unzip the product
• Open terminal and cd into the project
• Run node -v
• Run npm -v
• Run npm install
• Run npm run build
• Showcase the issue

Best,
Manu

[maximoguerrero]

THe problem is that npm run build is not building a production version, it is not using the --prod flag.
I can replicate his error by running
ng build --prod

THis is actually an issue in most of your themes

[maximoguerrero]

the issue is in _variables.scss

$icon-size: auto !default;

if you change it to a rem

$icon-size: 2.375rem !default;

[einazare]

THe problem is that npm run build is not building a production version, it is not using the --prod flag.
I can replicate his error by running
ng build --prod

THis is actually an issue in most of your themes

Hello again, @maximoguerrero ,

You can add inside our build script the --prod flag, and it would be same as using the ng build --prod.

[einazare]

the issue is in _variables.scss

$icon-size: auto !default;

if you change it to a rem

$icon-size: 2.375rem !default;

You can actually delete those, as in fact we do not use that bits of scss.

[einazare]

Hello again, @bugger16 ,

Sorry for this late reply, my colleagues and I have had a few days of for the Orthodox Easter.
Please go inside src/assets/scss/black-dashboard/custom/_icons.scss and change

width: calc(100% - $icon-size-xl - 1);

to

width: calc(100% - #{$icon-size-xl} - 1);

then

width: calc(100% - $icon-size-lg - 1);

to

width: calc(100% - #{$icon-size-lg} - 1);

then

width: calc(100% - $icon-size-sm - 1);

to

width: calc(100% - #{$icon-size-sm} - 1);

Let me know if you have further issues.

Best,
Manu

Also, please refer to my other reply here