element-ui中文显示乱码
时间: 2023-12-05 10:41:33 浏览: 201
中文乱码问题
element-ui中文显示乱码的问题可能是由于编译时对unicode编码的转换导致的。具体解决方案如下:
1.在sass-loader的options中添加一个选项:outputStyle: 'compressed',这样就可以避免编译时对unicode编码的转换。
2.在引入element-ui的scss文件时,使用@import "~element-ui/lib/theme-chalk/index.css";而不是@import "~element-ui/packages/theme-chalk/src/index";这样也可以避免编译时对unicode编码的转换。
以下是两种解决方案的代码示例:
```javascript
// 解决方案1
{
test: /\.scss$/,
use: [
'vue-style-loader',
'css-loader',
{
loader: 'sass-loader', options: {
outputStyle: 'compressed'
}
}
]
}
// 解决方案2
@import "~element-ui/lib/theme-chalk/index.css";
```
阅读全文