鍍金池/ 問答/HTML/ npm run build報(bào)“Error in parsing SVG: Unq

npm run build報(bào)“Error in parsing SVG: Unquoted attribute value”

vue項(xiàng)目執(zhí)行npm run build時一直報(bào)錯,運(yùn)行是沒有問題的,但是打包一直報(bào)錯,提示:

vue_first_project@1.0.0 build /Users/yan/vue_first_project
node build/build.js

? building for production...Error processing file: static/css/app.36864bcdcb0e1117ee302ffebb939a36.css
(node:15116) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): postcss-svgo: Error in parsing SVG: Unquoted attribute value
Line: 0
Column: 14
Char: \

一直找不到錯誤在哪,請問這個一般是什么原因造成的?有沒有什么插件可以幫助?

回答
編輯回答
爆扎

一毛一樣的問題,請教一下啊

2018年4月27日 06:33
編輯回答
遲月

你好,請問你解決了嗎?我也是這問題。。

2017年1月3日 09:45
編輯回答
深記你

壓縮和抽離CSS的插件中只允許 SVG 使用雙引號

2017年3月8日 09:25
編輯回答
我甘愿

在引入的css文件中的svg注釋或者用其他方法屏蔽:列如下面的background-image引用了svg,把它注釋掉就可以了
/background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>');/

2017年5月12日 20:48
編輯回答
有你在

我也是同樣的問題啊,有沒有大神解答一下啊,折騰好久了,項(xiàng)目里引入了帶字體的css文件就會這樣

2018年4月23日 11:40
編輯回答
空痕

報(bào)錯原因就是 壓縮和抽離CSS的插件中只允許 SVG 使用雙引號

vue項(xiàng)目可能涉及打包壓縮的語法錯誤 確認(rèn)配置是否有style-loader / css-loader 進(jìn)行編譯

2018年1月24日 17:25
編輯回答
我以為

是不是loader配置的不對,用file-loader或者url-loader

2018年1月14日 12:04
編輯回答
尛憇藌

這個問題我也遇到了,就是因?yàn)橐胪獠縞ss文件中有svg引號問題

2018年3月5日 17:12
編輯回答
殘淚

這是因?yàn)樵谝氲耐獠縞ss文件中,svg有使用單引號,改成雙引號即可。

2017年1月21日 02:31