creativetimofficial / argon-design-system

Argon - Design System for Bootstrap 4 by Creative Tim

Home Page:https://www.creative-tim.com/product/argon-design-system

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Problems running build on vue project

flavianohonorato opened this issue · comments

When trying to run the command: npm run build

ERROR  Error: CSS minification error: postcss-svgo: Error in parsing SVG: Unquoted attribute value
Line: 0
Column: 12
Char: \. File: css/app.29fd1b24.css
Error: CSS minification error: postcss-svgo: Error in parsing SVG: Unquoted attribute value
Line: 0
Column: 12
Char: \. File: css/app.29fd1b24.css

PS: I did the importing of the css files manually, I didn't use the base project with vue, I used the base project only with html

Hi @flavianohonorato,

Thank you for working with our products.

I recommend using the vue version of the Argon Design System. In your case, I see that there is a problem with a SVG parsing that is not available in our vue version.

If you want to continue this way, please show me that line of code so I can see clearly what happens.

Thank you,
Rares

    • You can use the argon.scss file from the vue-argon-design-system for resolving this issue.
    • Also the folders(bootstrap & custom) are linked to the argon.scss.
    • Just add an import for argon.scss in your vue project (main.js) & your problem is solved.
    • You can use the argon.scss file from the vue-argon-design-system for resolving this issue.
    • Also the folders(bootstrap & custom) are linked to the argon.scss.
    • Just add an import for argon.scss in your vue project (main.js) & your problem is solved.

heyy maaz how did you fix this on your end? im having the same issue. thank you

When trying to run the command: npm run build

ERROR  Error: CSS minification error: postcss-svgo: Error in parsing SVG: Unquoted attribute value
Line: 0
Column: 12
Char: \. File: css/app.29fd1b24.css
Error: CSS minification error: postcss-svgo: Error in parsing SVG: Unquoted attribute value
Line: 0
Column: 12
Char: \. File: css/app.29fd1b24.css

PS: I did the importing of the css files manually, I didn't use the base project with vue, I used the base project only with html

did u already fix this one?