Bootstrap 4 SCSS compilation: Error: Invalid US-ASCII character "\xE2"

Question

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

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

_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

仔细看了一下好像是置顶评论的-字符("iOS-an issue..").

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

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

Answer 2

我运行进入同样的字符集问题。

特别是在 OSX 上，ruby 编码设置似乎存在问题。

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

Encoding.default_external = 'utf-8'

Bootstrap 4 SCSS compilation: Error: Invalid US-ASCII character "\xE2"

Bootstrap 4 SCSS compilation: Error: Invalid US-ASCII character "\xE2"

css

sass

twitter-bootstrap-4

bootstrap-4