vue项目中,我使用的是sass、sass-loader,但是打包的时候报错,sass版本是最新的
(因为node-sass被官方废弃了,不建议使用,所以我改用的sass)
我已经使用过sass-migrator division **/*.scss
命令,并且在vue.config.js配置了css,具体如下:
// loaderOptions: {//放置element 图标乱码
// sass: {
// implementation: require('sass'),
// sassOptions: {
// // 生效代码
// outputStyle: 'expanded'
// }
// }
// },
报错信息:
```javascript
To preserve current behavior: $weight * 1%
More info: https://sass-lang.com/d/function-units
╷
7 │ color: mix($--tag-primary-color, $--color-white, $fontColorWeight);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules/element-ui/packages/theme-chalk/src/tag.scss 7:10 genTheme()
node_modules/element-ui/packages/theme-chalk/src/tag.scss 127:5 @content
node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 112:7 m()
node_modules/element-ui/packages/theme-chalk/src/tag.scss 126:3 @content
node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5 b()
node_modules/element-ui/packages/theme-chalk/src/tag.scss 94:1 @import
node_modules/element-ui/packages/theme-chalk/src/select.scss 6:9 @import
node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9 @import
stdin 25:9 root stylesheet
DEPRECATION WARNING: $weight: Passing a number without unit % (0) is deprecated.
To preserve current behavior: $weight * 1%
More info: https://sass-lang.com/d/function-units
╷
14 │ color: mix($--tag-primary-color, $--color-white, $fontColorWeight);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules/element-ui/packages/theme-chalk/src/tag.scss 14:12 genTheme()
node_modules/element-ui/packages/theme-chalk/src/tag.scss 127:5 @content
node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 112:7 m()
node_modules/element-ui/packages/theme-chalk/src/tag.scss 126:3 @content
node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5 b()
node_modules/element-ui/packages/theme-chalk/src/tag.scss 94:1 @import
node_modules/element-ui/packages/theme-chalk/src/select.scss 6:9 @import
node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9 @import
stdin 25:9 root stylesheet
DEPRECATION WARNING: $weight: Passing a number without unit % (0) is deprecated.
To preserve current behavior: $weight * 1%
More info: https://sass-lang.com/d/function-units
```
有遇到过类似的情况吗?求解决方法