incompatible character encodings: GBK and UTF-8

我们相信：世界是美好的，你是我也是。平行空间的世界里面，不同版本的生活也在继续...

苏南大叔偶尔积极了一回，把未完成的任务带回了屋里面来做。结果，在编译scss到css的时候，就发生了一个小错误。因为在公司的时候，工作环境一直是mac。换成了win之后，可能就有些意料之外的事情了。错误发生于使用webstorm自动编译scss的过程中，项目位于桌面上的新建文件夹中。

本文测试环境为：win/webstorm@2018.1/Ruby25-x64。

报错信息

报错如下：

cmd.exe /D /C call "D:\Program Files\Ruby25-x64\bin\scss.bat" --no-cache --update css.scss:css.css
Encoding::CompatibilityError: incompatible character encodings: GBK and UTF-8
  Use --trace for backtrace.

Process finished with exit code 1

正在编辑的scss文件，顶部有设定：

@charset "UTF-8";

看报错信息，是和字符编码有关的。但是事实真相的解决方案又是什么样的呢？

解决方案

解决方案也非常简单，就是修改掉项目目录中的中文，换成英文即可。也就是桌面上的新建文件夹，换成test英文名之后，顺利解决问题。

相关文章

• https://newsn.net/say/sass-error-charset.html
• https://newsn.net/say/webstorm-sass-scss-less.html
• https://newsn.net/say/webstrom-scss-win.html

总结

很多新人对于目录路径中存在中文目录的事情，总是不以为然。但是往往很多问题，都是因为路径中有中文目录，或者目录中含有空格而引起的。在编程的世界里面，特别是会使用到命令行的时候，尽量避免路径中出现中文和空格。切记切记。

更多scss的相关文字，请点击苏南大叔的文章列表：

• https://newsn.net/tag/scss/

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。