记录webpack打包的一个坑

最新推荐文章于 2022-09-05 16:37:36 发布
最新推荐文章于 2022-09-05 16:37:36 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： 前端 文章标签： vue webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42162261/article/details/121406562
版权

直接上截图

$--group-option-flex: 0 0 math.div(1, 5) * 100% !default;
                             ^
      Invalid CSS after "...-flex: 0 0 math": expected expression (e.g. 1px, bold), was ".div(1, 5) * 100% !"
      in /var/jenkins_home/workspace/FE_APP-DRP/node_modules/_element-ui@2.15.7@element-ui/packages/theme-chalk/src/common/var.scss (line 490, column 31)

在这里插入图片描述

打包失败原因

是package.lock的element-ui的版本更新问题，版本不匹配

解决办法

在package.lock文件把element-ui的版本控制由^改为~

矜龙痕迹
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
vue项目改图标_vue 项目全局修改element-ui的样式
weixin_39976960的博客
12-19 881
引入了element-ui，但是和我们自己的样式颜色有很大的不同，修改例子：在src文件下创建 element-var.scss，代码如下$--color-primary: yellow; /*修改按钮primary的颜色*//* 改变 icon 字体路径变量，必需 */$--font-path: ‘../node_modules/element-ui/lib/theme-chalk/fonts...
详解如何用webpack打包一个网站应用项目
08-29
接下来，需要创建一个 `webpack.config.js` 文件，用于记录 Webpack 的配置信息。配置文件的内容大致如下： ```javascript var webpack = require('webpack'); var path = require('path'); var buildPath = path....
elementUI SassError:Invalid CSS after “...flex: 0 0 math“ expected expression (e.g. 1px, bold)
Flyer_741的博客
05-24 2839
问题示例 一般是node-sass 和sass-loader版本不匹配问题 解决方法： sass-loader版本问题 node-sass 4.14.1 sass-loader 10.1.1
490 │ $--group-option-flex: 0 0 math.div(1, 5) * 100% !default；
m0_60622481的博客
06-29 3471
490 │ $--group-option-flex: 0 0 math.div(1, 5) * 100% !default;
【Element】升级到2.15.7升级时报错 $--group-option-flex: 0 0 math.div(1, 5) * 100% !default;...
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
05-11 522
$--group-option-flex: 0 0 math.div(1, 5) * 100% !default; 解决方法 把 node_modules 和 package-lock.json 删除，再重新 npm install 就可以了。
Syntax Error: SassError: Invalid CSS after “...-height: #{math“: expected expression (e.g. 1px, bold
hello world的博客
06-22 8450
Syntax Error: SassError: Invalid CSS after "...-height: #{math": expected expression (e.g. 1px, bold), was ".div($--input-heigh" on line 142 of node_modules/element-plus/packages/theme-chalk/src/input-number.scss from line 13 of node_module
Webpack打包慢问题的完美解决方法
08-31
DLL 插件可以将第三方库预编译成一个文件，然后在打包时，Webpack 只需要将这个文件引入，而不需要重新编译第三方库。这可以大大提高打包速度。 ### 3. 使用缓存 Webpack 提供了缓存机制，可以将打包结果缓存在...
详解如何使用webpack打包多页jquery项目
10-17
在现代前端开发中，Webpack 已经成为了一个重要的模块打包工具，它可以帮助我们将各种资源（JavaScript、CSS、图片等）整合在一起，形成可部署的静态文件。本篇文章将详细讲解如何使用Webpack打包多页jQuery项目，...
解决vue+webpack打包路径的问题
08-27
在开发Vue.js应用程序时，通常会使用Webpack进行模块打包。然而，在实际部署过程中，可能会遇到Vue和Webpack打包路径的问题，导致应用无法正常运行。本文将详细介绍如何解决Vue+Webpack打包路径的问题。 首先，理解...
SassError: Invalid CSS after “...-flex: 0 0 math“
qq_43585229的博客
03-01 833
使用element-ui修改主题时，报该错误。 element-ui官方推荐 @import “~element-ui/packages/theme-chalk/src/index”; 这一行引入的是element-ui的scss文件，是需要编译的，如果node-sass与sass-loader版本与element-ui不一致，就可能会报错 这是element-ui的版本 解决方案 1.将项目的node-sass跟sass-loader版本改到与element-ui一致 2.使用element-ui其他
升级vue-element-admin中element-ui的版本报错 缺少math.div 函数
STR少寒的博客
12-18 4024
升级vue-element-admin中element-ui的版本报错 缺少math.div 函数 报错内容 缺少math.div 函数 98% after emitting CopyPlugin ERROR Failed to compile with 1 error 10:31:42
Error: Invalid CSS after and expected expression 错误原因及分析
MichaelAn的博客
07-16 9511
错误信息：使用scss语法进行css编译过程中，写好的sass文件用koala进行编译，报出上面的错误：Error: Invalid CSS after and expected expression。 错误分析：无效的css，选择器没有任何属性，所以将不会被编译成css。 解决思路：将文件后缀名由sass改成scss即可。 这是原始的sass文件，仔细检查没有拼写错误或者css语法...
angular升级到v12 报错SassError:Invalid CSS after ...
zmm0413的博客
09-15 570
解决方法：移除node-sass包(npm uninstall node-sass)
vue-element项目打包后偶尔出现icon乱码，Using / for division is deprecated and will be removed in Dart Sass 2.0.0
ZMJ_QQ的博客
09-05 1884
vue-element项目打包后上线偶尔出现icon图标乱码，DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.报错
SASS报错 -
qq_39108466的博客
10-29 1062
Hbuilder中使用SASS/SCSS 预编译时报错： Error: Invalid CSS after “red”: expected expression (e.g. 1px, bold), was “;” on line 2 of test.sass SASS文件中： 编译出的CSS文件中报错： 解决方式参考： 将文件后缀名由sass改成scss。 （建议一开始就新建sass文件而...
使用Sass报错Invalid CSS after ".nickname{": expected "}", was "{"
weixin_30920091的博客
07-28 812
安装 sass 使用所需要的依赖 npm i sass-loader node-sass --save-dev 在项目中使用 <style lang="scss" scoped> </style> 注意这里是lang="scss"不是"sass" 转载于:https://www.cnblogs.com/223zzm/p/112591...
关于Vue组件库ElementUI使用过程中踩过的那些坑
热门推荐
wwqqqq123的博客
04-19 3万+
一：安装及引入1.1安装方式一：用CDN引入&lt;!-- 引入样式 --&gt;&lt;link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"&gt;&lt;!-- 引入组件库 --&gt;&lt;script src="https://unpkg.com/element-ui/lib...
element ui 升级2.15.7升级时报错
a250152的专栏
01-12 2737
- Building for production... ERROR Failed to compile with 1 error1:49:30 AM error in ./src/assets/styles/element-variables.scss $--group-option-flex: 0 0 math.div(1, 5) * 100% !default; ^ Undefined function. ╷ 49.
‘vue-cli-service‘ 不是内部或外部命令，Cannot read properties of null (reading ‘pickAlgorithm‘)_（2022-04-06）
鲁迷那的专栏—坚持实践后再写出来！
04-06 7377
报错信息： 报错1： 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。 报错2： Cannot read properties of null (reading ‘pickAlgorithm‘) Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。 尝试新的跨平台 PowerShell https://aka.ms/pscore6 PS D:\workspace\zsh_code..
webpack打包成一个文件
最新发布
05-19
将webpack打包成一个文件，可以使用webpack的命令行参数`--output`或`-o`指定输出文件的路径和名称。例如，以下命令将打包后的文件输出到dist目录下的bundle.js文件中： ``` webpack --output-filename=bundle.js --output-path=./dist ``` 或者，可以在webpack配置文件中设置`output`属性： ```javascript const path = require('path'); module.exports = { // ... output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') } }; ``` 然后，在项目根目录中运行以下命令即可打包： ``` webpack ``` 这将使用默认的webpack配置文件`webpack.config.js`进行打包。如果使用不同的配置文件，则可以在命令行中指定： ``` webpack --config webpack.prod.config.js ```
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值