Vue中npm run build报“Error in parsing SVG: Unquoted attribute value”

最新推荐文章于 2023-04-25 10:18:06 发布
最新推荐文章于 2023-04-25 10:18:06 发布
阅读量3.2k 收藏 1
点赞数 2
分类专栏： 技术 文章标签： 前端 vue打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43430453/article/details/85044295
版权

Vue中npm run build报“Error in parsing SVG: Unquoted attribute value”

自己做的一个Vue项目，在打包时老是报这个错误

# Error in parsing SVG: Unquoted attribute value

查了查网上说的，都说报错原因是压缩和抽离CSS的插件中只允许 SVG 使用双引号

就是项目中外部引入的CSS文件里的SVG只能是双引号

我找了好久，这可把我坑坏了。。。

想想那段时间真是难受。。。

后来我找到了，分享一下，让大家快点脱坑。。。

首先，如果你项目中使用了mui的话应该在这里改

找到mui文件下的iconfont.css文件

# mui/css/iconfont.css

在这里插入图片描述

不要以为完了，还有

找到mui文件下的mui.css文件

# mui/css/mui.css

在这里插入图片描述

以上两个文件修改了再次build

如果还报SVG的错误，请查看你所有引入的外部CSS文件吧

如果你确定你引入的CSS文件中确实没有SVG或者是SVG确实是双引号，那就没办法了老兄。。。

最后：喜欢前端，欢迎探讨！！！

如果对您有用，请点赞或关注！谢谢

原创，转载请注明出处！

投诉建议邮箱：214930661@qq.com

原文请走传送门：Vue中npm run build报“Error in parsing SVG: Unquoted attribute value”

isboyjc
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue常见错误
qq_59003402的博客
03-24 1129
Compiled with problems: 编译问题 C:\myel\src\views\HomeView.vue 错误出现文件 3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs 4:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs 第3行的第一个字符 第4函的第一个字符 Mixed spaces and tabs 错误原因：混合的空格与tab no-mix..
vue3之常范低级错误の错误指南
Hu153155的博客
03-23 7589
1.符号写错 Compiled with problems:X ERROR in ./src/views/HomeView.vue?vue&type=script&lang=ts&setup=true (./node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[38].use[0]!./node_modules/unplugin/dist/webpack/loaders/transform
Vue3报错：VueCompilerError: Attribute name cannot contain U+0022 (“), U+0027 (‘), and U+003C (＜).
前端、python爱好者
10-28 6624
Vue3报错：VueCompilerError: Attribute name cannot contain
vue项目npm run build报错：xxx for production...Error processing file：xxx;Error in parsing SVG: Unquoted a...
aquscjl8130的博客
01-31 424
报错原因就是:引入外部css文件中有svg引号问题， 譬如我引用的mui.css，所以在node_modules-->vue-awesome-mui-->mui-->dist-->css-->mui.css中到svg把单引号改成双引号 改这两处就可以重新打包了 转载于:https://www.cnblogs.com/MsHibiscus...
vue项目使用mui 遇到的问题
加菲猫的鳄鱼的博客
06-22 507
1：vue项目打包的时候出现postcss-svgo: Error in parsing SVG: Unquoted attribute value Line: 0 Column: 14打包的时候报错 这句话是svg的引用错误，svg需要用双引号包裹起来。 如果你是引用了mui的话 可以先去引入的mui.css 和mui.min.css 的代码中 查找到如下代码 吧单引号改为...
Vue常见报错整理 （从此报错不害怕）
nnjjn的博客
03-23 1万+
整理一下Vue中一些常见的报错和bug，以及解决办法 示例1（文件名/路径发生错误） Compiled with problems:———编译问题： ERROR in ./src/router/index.ts 10:19-57 错误发生在 ./src/router/index.ts 第10行第19个字符到57字符 Module not found: Error: Can't resolve '../views/admin/AdminVeiw.vue' in 'C:\myel\src\..
vue中Npm run build 根据环境传递参数方法来打包不同域名
12-12
使用 npm run build -- xxx ，根据传递参数xxx来判定不同的环境，给出不同的域名配置。 1.项目中/config/dev.env.js修改： 新增：HOST: ‘”dev”‘ 'use strict' const merge = require('webpack-merge') const ...
关于vue的npm run dev和npm run build的区别介绍
01-21
关于vue的npm run dev和npm run build的区别介绍，下面就分享给大家，具体如下： ├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-...
解决vue项目,npm run build后,报路径错的问题
11-20
在build目录下的webpack.prod.conf.js里面： output: { path: config.build.assetsRoot, publicPath: "/dist/", // 添加这行代码，可解决该问题或者...补充知识：vue项目打包后，npm run build相关配置，以及解决
vue打包npm run build时候界面报错的解决
11-20
用coding-pages打开后显示Failed to load resource: the server responded with a ...补充知识：启动vue项目 npm run dev 时报errno -4058 进入到项目目录下，shift+右键 打开cmd 执行 npm install 然后再执行 npm ru
Vue中npm run build报“Error in parsing SVG: Unquoted attribute value” 打包出现的错误
weixin_44415368的博客
06-10 2084
js验证身份证号： var idNo = $('#id_card_no').val(); var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; if(!regIdNo.test(idNo)){ alert('身份证号填写有误'); return false; } js验证真实姓名：. var nam...
Hive报错SemanticException Error in parsing
热门推荐
fanlying的博客
12-12 4万+
遇到了逗号导致Hive报错SemanticException Error in parsing 在hql中别名后面的.不小心写成了,导致报错。 例如下面第一个字段别名后误写成了逗号。 select t,col1, t.col2 from table t
HIVE SQL 中报错SemanticException Error in parsing
weixin_45543145的博客
10-08 2902
HIVE SQL 中报错SemanticException Error in parsing select a.dt,a,userid from a 报错SemanticException Error in parsing 是因为误把.写成了, 把a,userid改成a.userid就可以了
missing-whitespace-between-attributes,unexpected-character-in-attribute-name
Locker的博客
06-19 7722
报错信息： missing-whitespace-between-attributes unexpected-character-in-attribute-name
Vue报错：VueCompilerError: Attribute name cannot contain U+0022 (“), U+0027 (‘), and U+003C (＜).
tanzongbiao的专栏
05-22 5875
复制的代码 空格有问题
vue3报错4 Parsing error: Unexpected character ‘‘.
yangyangdt的博客
01-03 4888
报错如下图： 这个报错与你的代码无关，是eslint的问题。 //1.eslint 配置 babel-eslint 插件 npm install babel-eslint --save //2.在package.json中配置 eslintConfig 属性，vue3中应该有这个 eslintConfig 属性。 "eslintConfig": { "parser": "babel-eslint" } 如果还没有用的话，就是复制的代码里有一些在编译器里看不出来的符号（word文档所带），比如这个点，
missing-whitespace-between-attributes unexpected-character-in-attribute-name.
Conan_LU7的博客
04-25 150
正确代码 : 将包裹参数的双引号改成''或``
解决在vue项目中使用ivew组件eslint报错的问题
upStar1的博客
05-11 2032
最近没事新建了一个vue项目，在使用ivew的栅格布局组件的时候总是报错 vue Parsing error: x-invalid-end-tag 去查了一下发现是vue将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错。 所以需要修改eslint文件。全局搜一下eslint，就能搜索到eslintrc.js文件。 在rules里面加一行代码"vue/no-parsing-error": [2, { "x-invalid-end-tag": false }] 就可以了
vue中，npm run build报错digital envelope routines::unsupported
最新发布
11-28
这个错误通常是由于使用了不支持的OpenSSL版本导致的。为了解决这个问题，你可以尝试以下两种方法： 1.升级OpenSSL版本。你可以通过以下命令来升级...NODE_OPTIONS=--openssl-legacy-provider npm run serve ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值