vue打包报错UnhandledPromiseRejectionWarning: postcss-svgo: Error in parsing SVG的解决方案

最新推荐文章于 2024-09-13 22:30:43 发布

weixin_33971130

最新推荐文章于 2024-09-13 22:30:43 发布

阅读量3.7k

点赞数

文章标签： javascript python webpack ViewUI

原文链接：https://my.oschina.net/u/3411649/blog/2964078

版权

2019独角兽企业重金招聘Python工程师标准>>>

vue项目打包运行时报错如下:

项目中引用了MUI框架，需要将mui框架的css文件中，需要把mui.css文件中的svg图片单引号改双引号,具体做法:

在项目中查找所有包含'svg'的css文件,而后修改url最外层的单引号为双引号即可;

转载于:https://my.oschina.net/u/3411649/blog/2964078

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33971130

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

postcss-svgo:使用PostCSS优化内联SVG

05-21

-svgo 使用PostCSS优化内联SVG。安装使用可以： npm install postcss-svgo --save 例子输入 h1 { background : url ( 'data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"><cir

mui使用webpack时svg问题（postcss-svgo）

weixin_30745553的博客

11-16

462

webpack打包css时使用了svg，那么svg必须使用双引号的方式来包裹。但是MUI的话默认是以单引号的方式，所以在用webpack打包的时候会出现错误。这里找到 mui.css 文件，使用非压缩的版本，这样比较好找到svg使用双引号的位置，webpack打包后会压缩css。将开头和结尾的单引号替换为双引号再次编译即可打开 /dist/index.ht...

参与评论您还未登录，请先登录后发表或查看评论

SVGO 常见问题解决方案

最新发布

gitblog_07532的博客

09-13

443

SVGO 常见问题解决方案 svgo ⚙️ Node.js tool for optimizing SVG files 项目地址: https://gitcode.com/gh_mirrors/sv/svgo ...

Error: postcss-svgo: Error in parsing SVG: Unquoted attribute value 无法解析svg

weixin_30426065的博客

01-30

1236

把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&g...

Error: CSS minification error: postcss-svgo: TypeError: Cannot read property

三七_z

08-30

560

打包时报错； npm install svgo@1.3.0 -E解决掉

VUE项目打包时关于svg报错问题解决办法

weixin_44288627的博客

12-27

5912

今天使用build打包vue项目的时候疯狂报错，报错信息如下： building for production...Error processing file: static/css/app.316977a049dccd7ae4089d9226e81a34.css (node:11888) UnhandledPromiseRejectionWarning: postcss-svgo: Error ...

svg/svgo

的博客

09-27

255

Installation $ [sudo] npm install -g svgo Usage CLI Usage: svgo [OPTIONS] [ARGS] Options: -h, --help : Help -v, --version : Version -i INPUT, --input=INPUT : Input file, “-” for STDIN -s STRING, --string=STRING : Input SVG data string -f FOLDER, --folder=F

Parsing error: x-invalid-namespace vue/no-parsing-error

05-25

这个错误通常是由于 Vue 模板中使用了无效的命名空间导致的。请检查你的 Vue 模板，确保所有的命名空间都是有效的，例如： ``` <my-component></my-component> import MyComponent from './MyComponent....

vue用import方式引入ttf字体文件报错及解决方法

格の调

08-29

3577

关于在vue项目中引入ttf格式的字体文件，基本工作：下载下来字体文件，新建一个font文件夹，把字体文件放进去，在新建一个font.css文件（可以不用新建，直接在主css文件里写），把字体文件@font-face引入进css里。注：@font-face也可以直接在scss文件里写或引入，不一定要在css文件里。前面工作做完后，运行报错O(∩_∩)O 网上查了好半天，普遍都说是配置文件webpack.config.js中没有配置解析字体的模块。用到的方法就是在build -> webpa

vue打包报错UnhandledPromiseRejectionWarning: CssSyntaxError:

个人博客

02-25

935

记一次vue-cli2 build报错一、错误描述二、解决方式一、错误描述 build之后出现如下错误二、解决方式首先注释掉/bulid/webpack.prod.conf.js中的 new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true }

Vue引入elementUI报错 Unexpected character ‘@’ (1:0)

ijijni的博客

01-24

7702

今天在配置vue2.0引入饿了么的ui时遇到这个问题，原配置教程地址：https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan-jing-da-jian-dao-fa-bu 在根据教程做到引入ElementUI时，报错，按照教程设置发现一样报错，这里解决办法：首先，在 main.js 引

vue项目打包报错UnhandledPromiseRejectWarning: CssSyntaxError

hbjiankely的博客

08-29

2258

npm run build 打包vue项目报错 UnhandledPromiseRejectWarning: CssSyntaxError (node:22088) [DEP0018] DeprecationWarning: Unhandled promise rejections are depr ecated. In the future, promise rejections th...

vue项目npm run build报错：xxx for production...Error processing file：xxx;Error in parsing SVG: Unquoted a...

aquscjl8130的博客

01-31

448

报错原因就是:引入外部css文件中有svg引号问题，譬如我引用的mui.css，所以在node_modules-->vue-awesome-mui-->mui-->dist-->css-->mui.css中到svg把单引号改成双引号改这两处就可以重新打包了转载于:https://www.cnblogs.com/MsHibiscus...

【svg.js】解决svg.js 3.x的select、resize插件报错的问题

菜鸡的啄米园

05-20

1396

最终实现效果老规矩，先上图：前言因项目需求用到svg.js库，刚好需要用到svg.js提供的插件 svg.select.js 和 svg.resize.js 来选择和自由缩放已绘制的SVG元素。因为作者说该插件并未完全支持svg.js 3.x 使用过程中遇到很多坑，翻了很多Issue，看了很多StackOverflow帖子，均无有效的解决方法…在经历6小时的苦苦探索与发现后，终于找到了最终的解决办法，特此记录。安装版本 package.json: { ... "dependencies"

Non-whitespace before first tag. Line: 0 Column: 1 Char: e 报错

阿梦的博客

01-30

5777

使用react 在项目内编写cli工具并发布后在当前项目使用时（即cli工具开发包和使用cli工具的项目在同一工程中）出现报错具体报错如下 ERROR #98123 WEBPACK Generating development JavaScript bundle failed Non-whitespace before first tag. Line: 0 Column: 1 Char...

sass postcss_将PostCSS与Sass，Stylus或LESS一起使用

Web design 教程小屋

07-08

1793

如果您对使用PostCSS感兴趣，但是仍然喜欢自己喜欢的预处理器，请不要担心。您无需在这两者之间做出选择，您可以将它们彼此直接使用。有几个PostCSS插件可以很好地补充预处理器，因为它们将功能添加到您的工作流中，否则仅使用预处理器是不可能的，或者至少要困难得多。我们将介绍其中一些免费的插件，然后通过设置指南向您展示如何与Sass，Stylus或LESS并存使用PostCSS。 ...

- building for production...Error processing file: static/css/app.d53a70da509caf93a6b301290742eaa8.c

郭宝的博客

06-12

2938

背景：在对Vue项目进行打包操作时出现该错误错误信息： - building for production...Error processing file: static/css/app.d53a70da509caf93a6b301290742eaa8.css (node:9928) UnhandledPromiseRejectionWarning: postcss-sv...

vue 打包生产环境报错 UnhandledPromiseRejectionWarning: CssSyntaxError:

晓风揽月

01-15

1282

采坑血泪史。。。打包忽然抛错，如图，怀疑依赖没下载完整，然后卸载安装一下午，然并卵，后在博主贴子找到思路，报错信息如下，css压缩时出现错误：！！！！关注这里，红色框里的关键信息UnhandledPromiseRejectionWarning: CssSyntaxError: 解决方案：打开配置文件 build-->webpack.prod.conf.js，文件内查找OptimizeCSSPlugin ，找到后先注释，如下图先尝试注释，然后打包，发现可以打包成功。备注：出错原...

遇到：nodejs unhandledPromiseRejectionWarning 错误应该如何解决