Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

Good day,

Was trying to update projects from beta 3 to v4.0.0 but kept receiving the following error when compiling some modules. screen shot 2018-01-21 at 4 42 36 pm

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).

scssboot

Thank you!

Issue Analytics

State:
Created 6 years ago
Reactions:3
Comments:6 (3 by maintainers)

Top GitHub Comments

4reactions

vankoochcommented, Jan 23, 2018

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

2reactions

fatcrobatcommented, Feb 9, 2018

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

Top Results From Across the Web

Falcon Sandbox v8.45.3 © Hybrid Analysis

'\xe0': 'a', '\xe1': 'a', '\xe2': 'a', '\xe3': 'a', '\xe4': 'a', '\xe5': 'a', ... illegalAttributeNameCache[attributeName] = true; { error('Invalid ...

Artifact [7eaaaacd08] - Keyframe

Used to match words composed of alphanumeric characters. ... '\xc2': 'A', '\xc3': 'A', '\xc4': 'A', '\xc5': 'A', '\xe0': 'a', '\xe1': 'a', '\xe2': 'a', ......

Simple-Jekyll-Search - rubycoloredglasses

Place the following code in a file called search.json in the root of your Jekyll blog. ... Pattern match "(^[\"'`\xc2\xb4\xe2\x80\x99\xe2\x80\x98 ...

https://raw.githubusercontent.com/AndrewVos/github...

nextTick error, or 'error' event on first tick ^ SyntaxError: Invalid regular ... \xE2\x99\xA5" - :message: Added ability to not include code example ......

add vue-sites (fde3379c) · Commits · djf / leming-WebApiScraper

Fix issue where URLs containing invalid characters within ... b("\x81\x8fabcd\x82\xe3\xf0\x87\xe3\xf1\x80\xe5\xca\x81\xe2\xc5\x82\xe3\xcc")).