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

Question

编译某些 bootstrap 4 模块时出现问题(从 beta3 更新)。

虽然可以通过在 _hover.scss mixin partial 上设置 @charset: 'UTF-8'; 来解决这个问题(在文件中指出已弃用) ，考虑到它应该像以前的 beta 版本一样开箱即用，为什么需要这样做。

_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..”)。

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

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