苏南大叔偶尔积极了一回,把未完成的任务带回了屋里面来做。结果,在编译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的相关文字,请点击苏南大叔的文章列表:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   scss    webstorm

本站的忠实读者小伙伴,正在阅读下面这些文章: