css - Bootstrap 4 SCSS编译: Error: Invalid US-ASCII character "\xE2"

Question

编译某些 Bootstrap 4 模块(从 beta3 更新)时遇到问题。

虽然可以通过在 _hover.scss mixin 部分上设置 @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-一个问题..”)。

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

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