[Bug] SCSS files are appearing in the browser even after removing from build

[creativetimofficial]

[Bug] SCSS files are appearing in the browser even after removing from build

[vikasr111]

Is there any solution to this problem?

I have noticed that the live demo of Argon Dashboard React does not have this issue. So there must be some missing steps in the build process that have not been added in the documentation. https://demos.creative-tim.com/argon-dashboard-react/#/admin/index

Kindly help with this issue.

[einazare]

Hello there, @vikasr111 ,

Thank you for your interest in working with our products, and sorry for this late reply. We've had a lot of work to do these days, we also had a few days off for the New Year and Christmas holiday.

Download Argon React Dashboard
Use compiled CSS imports
Create production build and serve
Inspect any button or other element in the browser
Notice repeating CSS rules from compiled CSS and SCSS files

I have a question here. What do you mean by Use compiled CSS imports?
Also, I think it would be best if you could provide me here with your code.

I am asking this, since I downloaded the product, changed the usage of SCSS to CSS, and everything worked as expected. I could give you a few screenshots, but they would be pointless.

Will wait for your reply.

Best,
Manu

[vikasr111]

Referring to the getting-started instruction of importing compiled scss as shown in the screenshots.

We created the local build and also tried uploading on Heroku. In both scenarios, it shows duplicate css rules. One set from argon-dashboard-react.css and another set from bootstrap.css (Or scss files)

Hope this helps in figuring out or replicating the issue.

[einazare]

Hello again, @vikasr111 ,

Can you show me the code?

Best,
Manu