本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。

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

苏南大叔:incompatible character encodings: GBK and UTF-8 - encoding-utf8
incompatible character encodings: GBK and UTF-8(图5-1)

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

苏南大叔:incompatible character encodings: GBK and UTF-8 - webstrom-version
incompatible character encodings: GBK and UTF-8(图5-2)

报错信息

报错如下:

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

苏南大叔:incompatible character encodings: GBK and UTF-8 - scss-error
incompatible character encodings: GBK and UTF-8(图5-3)

正在编辑的scss文件,顶部有设定:

@charset "UTF-8";

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

解决方案

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

苏南大叔:incompatible character encodings: GBK and UTF-8 - path-chinese
incompatible character encodings: GBK and UTF-8(图5-4)

苏南大叔:incompatible character encodings: GBK and UTF-8 - fix-solution
incompatible character encodings: GBK and UTF-8(图5-5)

相关文章

总结

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

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

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