Bootstrap 4 SCSS编译：错误：无效的US-ASCII字符“\ xE2”

Question

编译一些bootstrap 4模块时遇到问题（从beta3更新）。

虽然问题可以通过在@charset: 'UTF-8'; mixin partial上设置_hover.scss来解决（在文件中被注意为已弃用），但为什么需要这样做，因为它应该像以前一样开箱即用测试版。

_hover.scss中的代码：

@mixin hover {
  &:hover { @content; }
}

@mixin hover-focus {
  &:hover,
  &:focus {
    @content;
  }
}

@mixin plain-hover-focus {
  &,
  &:hover,
  &:focus {
    @content;
  }
}

@mixin hover-focus-active {
  &:hover,
  &:focus,
  &:active {
    @content;
  }
}

经过SCSS文件无法准确判断出错误，引用似乎没问题。

Answer 1

详细介绍之后，似乎是热门评论中的map()字符（“iOS-an issue ..”）。

可以将其替换为自己的-字符，并且应该编译好（或者只在- mixin文件的顶部添加@charset: 'UTF-8';）。

问题报告：https://github.com/twbs/bootstrap/issues/25391

Answer 2

我遇到了相同的字符集问题。

尤其是在OSX上，红宝石编码设置似乎有问题。

我修复了它在主项目目录中创建config.rb文件的问题，以明确告诉ruby应该使用哪种字符集编码。 由于和指南针依赖于红宝石，因此很有可能解决您的问题。

Encoding.default_external = 'utf-8'