vue-cli 打包时出现的错误

最新推荐文章于 2024-08-19 17:15:01 发布
最新推荐文章于 2024-08-19 17:15:01 发布
阅读量9.2k 收藏
点赞数
分类专栏： vue项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ysm19950927/article/details/80476676
版权
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: \



报错原因就是 压缩和抽离CSS的插件中只允许 SVG 使用双引号

引入外部css文件中有svg引号问题，

譬如我引用的mui.css，所以将svg单引号改为双引号就可以解决上述问题

酸涩葡萄
关注
专栏目录
使用Vue CLI构建项目以及安装Vue CLI报错的解决方法
h083417172_的博客
10-03 969
使用Vue CLI构建项目 1.安装好node.js以及cnpm npm install cnpm -g --registry=https://registry.npm.taobao.org 2.安装Vue CLI,（使用淘宝镜像会快一些）安装好之后查看版本，如果打印出版本号则说明安装成功 cnpm install vue-cli -g vue --version 3.安装webpack，使用全局安装 npm install webpack@3.6.0 -g 4.cd到想要放置的文件目录，初始化项
vue-cli出错 vue.js报错:Module build failed: Error: No parser and no file path given, couldn't infer a
lirunhui6的博客
05-28 2120
RROR Failed to compile with 2 errors 12:00:33 error in ./src/App.vue Module build failed: Error: No parser and no file path...
vue3 ts 打包失败 ts类型校验未通过导致打包失败
最新发布
hyy的博客
08-19 477
【代码】vue3 ts 打包失败 ts类型校验未通过导致打包失败。
vue-cli 报Module build failed: Error: No parser and no file path given, couldn't infer a parser
qq_25186543的博客
05-30 918
前两天升级了一个 npm 、 webpack、vue 等等。。。新创建一个vue项目发现报这个错，，，Module build failed: Error: No parser and no file path given, couldn't infer a parser没有解析器，没有文件路径，无法推断，，，，，这他吗的什么鬼。。。。。找了老半天，找到了这位大神的文章终于搞定了https://w...
vue-cli创建项目打包报错问题
shuleijia的博客
12-28 697
vue打包报Failed to load resource: net::ERR_FILE_NOT_FOUND问题，具体解决方法 1.在build文件里面找到webpack.prod.config.js。具体修改代码 output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].js'), chunkFilename: utils.assetsPath('js/
vue-cli打包问题
Curry的博客
01-15 1015
关于npm run build打包问题 在项目中使用vue-cli脚手架搭，由于实际项目问题，与自定义安装的项目目录略有差异。 自定义安装的项目是：test => src => 源码 也就是在test项目下，安装node依赖，进入src下，是项目的源码部分。 然后实际项目部分是，test2 => src => vue1、vue2 在src目录下是真正的项目部分，
vue-cli中打包图片路径错误的解决方法
08-29
但是，在使用vue-cli打包图片时，可能会出现图片路径错误的問題，这篇文章将为大家介绍如何解决这个问题。 问题描述 在使用vue-cli构建项目时，第一次打包部署到服务器上时，可能会出现图片加载不出来的情况。这种...
关于vue-cli3打包代码后白屏的解决方案
10-14
在使用Vue CLI 3进行项目开发时，遇到打包后白屏的问题可能是由于多种原因导致的。本文将详细介绍如何解决这个问题，并提供一些相关的补充知识。 首先，白屏现象通常是由于资源加载失败或路由配置不当引起的。当...
解决vue-cli webpack打包开启Gzip 报错问题
10-16
在遇到类似的打包错误时，首先需要确认是否是因为缺少必要的插件或配置错误，然后检查插件版本是否与当前使用的Webpack版本兼容。如果版本不兼容，需要考虑对插件进行降级处理。此外，网络问题也是影响依赖安装的...
解决vue-cli项目打包出现空白页和路径错误的问题
10-18
在使用Vue CLI构建项目时，有时会遇到打包后出现空白页和路径错误的问题。这些问题通常是由于配置不当或者对Vue CLI的打包机制理解不足所引起的。本文将详细解析这两个问题及其解决方案。 首先，让我们来深入了解...
vue-cli3分环境打包
01-20
Vue CLI 3 是 Vue.js 的一个官方构建工具，它提供了快速搭建 Vue 项目的能力，并且支持自定义配置，包括分环境打包。分环境打包对于现代前端项目至关重要，因为不同的环境（开发、测试、生产）可能需要不同的配置，...
VUE项目启动失败：Module build failed
01-08
VUE项目启动至98%时失败 错误如图，最近使用Vue/cli创建一个项目时npm run serve启动失败，询问了大佬，都说重新安装一下node_modules包，卸载重新安装之后任然无效，最后发现是命令错误 首先第一步rimraf node_modules命令移出node_modules包 然后再使用npm i install命令安装一次node_modules包 到这里应该已经没有问题了，可以尝试一下能否启动成功 如果依然无法启动可以使用npm audit fix命令修复一下node_modules包，最后在调试一次，代码完美运行 作者：安市
vue项目启动报“build failed (from ./node_modules/babel-loader/lib/index.js):”错误
qq_44859843的博客
03-05 804
vue项目启动问题解决： 问题： build failed (from ./node_modules/babel-loader/lib/index.js): 问题分析： 依赖包版本不一样。 解决方法： npm install -D babel-loader @babel/core @babel/preset-env @babel/preset-react webpack
vue-cli 新创建的项目启动报错 Module build failed: Error: "extract-text-webpack-plugin"
weixin_34132768的博客
12-01 1122
2019独角兽企业重金招聘Python工程师标准>>> ...
vue-cli + webpack 新建项目出错的解决方法
热门推荐
FungLeo's Blog
01-09 1万+
vue-cli + webpack 新建项目出错的解决方法 今日使用 npm init webpack love 创建一个新项目，然后执行 npm run dev 之后项目报错，提示错误如下： 没有给这些选项指定值：config-name, context, entry, module-bind, module-bind-post, module-bind-pre, output-path
vue-cli打包构建时常见的报错解决方案
asdfgh0077的博客
09-03 276
vue-cli打包构建时常见的报错解决方案
Electron：运行npm run build构建环境失败解决方案
ZFZ5720
11-18 1000
解决方案 为了更好更快的解决构建环境问题，需要我们手动下载好electron环境的压缩资源包等，构建好的打包缓存环境（存放手动下载资源包前，优先清除cache的缓存记录）。 方案具体步骤 清除electron和electron-builder的cache缓存记录（删除文件夹中旧的缓存资源包）。 electron缓存资源地址：~/AppData/Local/electron/Cache electron-builder缓存资源地址：~/AppData/Local/electron-builder/Cache
vue-cli，build 后，报错的解决办法
weixin_30873847的博客
11-13 839
报错如下图： 或： 解决办法：config / index.js 中，找到 build {assetsPublicPath: '/'}，将其设置为：assetsPublicPath: './ ' 即可。 转载于:https://www.cnblogs.com/moguzi12345/p/9951818.html...
Vue进阶（幺捌柒）：vue项目build报错的解决办法（ERROR in static/js/***.js from UglifyJs）
IT全栈 华强工作室
11-16 7326
Vue项目编译过程中，出现如下错误信息： 二、问题分析 我们知道，由于 只支持 而 可能引入了一部分 的写法，所以导致 打包失败。所以出现此类问题的一般是由于 语法转换为 失败导致。在配置中，由于各插件版本兼容性差异可能会引发此问题的产生。是一款可以解析、混淆、压缩JS的工具，此处的是配置在脚手架中，运行在环境中的小插件。 关于：在深入查找问题所在后，决定用 来解析 ， 要完成此操作只需要修改前端文件夹下的 文件即可，修改如下： 修改前 修改后： 以上配置将 加入需要 解析的包中。之后再
vue-cli-service build和vue-cli-service lint
08-24
总结起来，vue-cli-service build用于构建Vue项目，将源代码打包成可部署的静态资源文件，而vue-cli-service lint用于代码风格检查，帮助您确保代码符合指定的编码规范。<span class="em">1</span><span class="em">...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值