出现这个原因是因为sass解析的问题 Node版本高的话可以通过升级sass版本 并且配置vue.config规避这个问题
//给sass配置的东西 这个对应的版本是sass 1.39.0 本人node版本v14 升级sass版本后出现报错
css: {
loaderOptions: {
scss: {
additionalData: `@import "@/styles/var.scss";`, // 不同版本的 sass,此属性不同:data、prependData、additionalData
sassOptions: { outputStyle: 'expanded' } // fix: 解决 element-ui 图标 icon 偶现乱码问题
}
}
},
//第二种方法 取消icon样式的scss方式导入 变成css导入 首先需要确保 scss全局样式文件中没有引入scss类型的icon样式 否则会被优先级覆盖
//第三种方法 引入elemnt-ui样式 不再使用scss 文件直接使用css文件即可解决问题