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

在使用sass编译的过程中,可能会遇到如下错误提示,Invalid GBK character "\xE8"。这个错误提示可能出现在使用sass的场合,比如:grunt任务、webstorm文件监测、甚至koala编译过程中。

苏南大叔:sass 编译,如何解决错误 Invalid GBK character "\xE8" - sass-error
sass 编译,如何解决错误 Invalid GBK character "\xE8"(图3-1)

本文就说明这种编码问题的解决方案,如何修改scss文件的编码。

错误信息

错误信息类似如下:

grunt
Running "uglify:static_mappings" (uglify) task
>> 11 files created 423.53 kB → 365.19 kB

Running "sass:dist" (sass) task
Error: Invalid GBK character "\xE8"
        on line 457 of ../assets/css/style.scss
  Use --trace for backtrace.
Warning: Exited with error code 13 Use --force to continue.

Aborted due to warnings.

苏南大叔:sass 编译,如何解决错误 Invalid GBK character "\xE8" - grunt_sass_utf8
sass 编译,如何解决错误 Invalid GBK character "\xE8"(图3-2)

增加编码设置

在要被编译的scss文件的顶部,增加如下内容即可:

@charset "utf-8";

苏南大叔:sass 编译,如何解决错误 Invalid GBK character "\xE8" - grunt_sass_utf8_2
sass 编译,如何解决错误 Invalid GBK character "\xE8"(图3-3)

总结

增加上述编码设置之后,再次编译即可。本问题就顺利解决了。更多sass的相关经验文字,请支持苏南大叔的博客:

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

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

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

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