Bootstrap: v4.0.0 Scss Compilation Error: Invalid US-ASCII character “\xE2” (_hover mixin partial)

[Syden10]

Good day,

Was trying to update projects from beta 3 to v4.0.0 but kept receiving the following error when compiling some modules.

After isolating the affected file _mixins/_hover.scss_ and going through it, seems to be the - character from _iOS-an._. in top comments (line 6).
Replacing the - character with your own or setting @charset: 'UTF-8'; at the top of the file does the trick (you can also remove line 6 altogether as well).

Thank you!

[vankooch]

I can confirm this on ubuntu 16.04 and sass 3.5.5. I've installed 4.0.0 with yarn no changes made.

Error: Invalid US-ASCII character "\xE2"
                on line 6 of wwwroot/node_modules/bootstrap/scss/mixins/_hover.scss
                from line 7 of wwwroot/node_modules/bootstrap/scss/_mixins.scss
                from line 12 of wwwroot/styles/bootstrap.scss

The Problem is in scss/mixins/_hover.scss the error is the comments:

// stylelint-disable indentation

// Hover mixin and `$enable-hover-media-query` are deprecated.
//
// Origally added during our alphas and maintained during betas, this mixin was
// designed to prevent `:hover` stickiness on iOS ^ ^ an issue where hover styles   <-- THIS LINE
// would persist after initial touch.
//
// For backward compatibility, we've kept these mixins and updated them to
// always return their regular psuedo-classes instead of a shimmed media query.
//
// Issue: https://github.com/twbs/bootstrap/issues/25195
...

When I remove this line bootstrap.css will build without any Problem

[rvanlaak]

I've filed a PR. Let's hope a hotfix will get deployed soon!

[rvanlaak]

@XhmikosR are there any plans on releasing a hotfix 4.0.1 with just this fix cherry picked? We can't really compile the sass files right now 👍

[XhmikosR]

I'm not aware of anything yet, but it's been a while since I talked with @mdo on Slack, so better wait for him to give you a definite answer.

[emregozel]

I'm having this problem and the solutions mentioned didn't solve the problem.

Update: Problem solved, thanks.

[fatcrobat]

Sass supports a default-encoding argument. You should add --default-encoding=UTF-8 when compiling bootstrap from sass, that should fix the issue.