Minimal-mistakes: Conversion error: Jekyll::Converters::Scss encountered an error while converting '/assets/css/main.scss'

[ryan-p-randall]

After the bump to Jekyll 3, I'm getting this build error: Conversion error: Jekyll::Converters::Scss encountered an error while converting '/assets/css/main.scss': Invalid CSS after "...r : #3b5998": expected "{", was ";" on line 44.

That seems to be the $facebook-color: line imported from variables.scss but I have no idea what's tripping up the converter.

Any ideas? Again, thanks for the help!

[mmistakes]

Did you make any changes to the SCSS files? The un-altered ones work just fine with Jekyll 3 as I haven't received any errors and it make the trip fine through GitHub Pages where I host the demo.

My guess is you're missing a ; or { after a declaration as the error suggests. It can be tricky finding which line that's on though since it's likely in a SCSS partial.

[mmistakes]

Looks like you're using Bigfoot.js. I'd start by disabling those @imports in main.scss and see if it builds. Probably something in there it doesn't like. If that doesn't work then disable each import and enable 1 by 1 to find the problem partial. Then check the lines for missing ;, {, }, or duplicates.

[mmistakes]

Had a free second and looked at you _sass partials. Wonder if line 42 in variables.scss is your problem. ======= underneath // Links is not valid and probably breaking the compiler. If this existed before updating to Jekyll 3 then perhaps you just got lucky that it didn't fail... or silently failed. When in doubt diff against the files in my repo to see where the errors might have creeped in.

[ryan-p-randall]

That's exactly the culprit. I guess I wasn't careful enough comparing the HEAD and new versions when I pulled everything in from your update.

Thanks so much!

[ryan-williams]

FWIW I think I saw this issue caused by two lines each containing --- at the top of an .scss file; I don't remember why I'd added them (likely a hack to get something about Jekyll-plumbing/processing to work, maybe no longer necessary?), but removing them seemed to resolve this error.

[ssy341]

I got this build error : Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/main.scss': Invalid GBK character "\xE2" on line 54
here is main.scss file:

---
# Only the main Sass file needs front matter (the dashes are enough)
---

@charset "utf-8";

@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
@import "minimal-mistakes"; // main partials

if I remove ‘---’ then build with no error ，but can't get main.css file

update:
I found a way can solve it, but I don't know why.

put this code
Encoding.default_external = Encoding.find('utf-8')
into
D:\applications\Ruby25-x64\lib\ruby\gems\2.5.0\gems\sass-3.7.4\lib\sass\engine.rb file
like this:

......
51 require 'sass/importers'
52 require 'sass/shared'
53 require 'sass/media'
54 require 'sass/supports'
55
56 Encoding.default_external = Encoding.find('utf-8')
57
58 module Sass
......

[rchatham]

@ssy341

Any links to the place that told you to do that?

I'm having the same issue where the new jekyll updates are not compiling the scss to a main.scss file.

[mmistakes]

@rchatham If you're on Windows try Jekyll's guide for installing. Encoding issues can be a common problem depending on how your Ruby environment is setup. It happens a lot with CI setups, Docker, and the like.

https://jekyllrb.com/docs/installation/windows/#encoding

[DOEHOONLEE]

Hi!
I got the same problem, but I can't seem to work it out.

 Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/style.scss':
                    Internal Error: Invalid UTF-8
                    ------------------------------------------------
      Jekyll 4.0.1   Please append `--trace` to the `serve` command
                     for any additional information or backtrace.
                    ------------------------------------------------

I have been searching solution for this for like a week now. Could anybody please explain what's going on?

Thank you in advance!

[iBug]

@DOEHOONLEE Not until you provide more information, such as the content of your assets/css/style.scss as well as other relevant files.

[DOEHOONLEE]

@iBug Thank you for the fast reply and I'm so sorry about not providing more information.

This is what I have on style.scss

---

@import "jekyll-theme-minimal";

#main-title {
    text-align: center;
    opacity: 0.9;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

Is the "Please append '--trace' to the 'serve' command for any additional information or backtrace" part also an error? I only saw the style.scss error last week. I have no idea what is going on :(

[mmistakes]

@DOEHOONLEE What is jekyll-theme-minimal? That's not something coming from this theme.

[iBug]

@DOEHOONLEE Two things surfacing at first:

1. jekyll-theme-minimal doesn't appear to be related to this theme (Minimal Mistakes by Michael Rose), but rather this one.
2. If you're building on Windows then there's (probably) a hidden UTF-8 BOM at the beginning of the file which you'll need to find a way to get rid of. This is a blind guess (you haven't yet provided the error trace) but my experiences point in this way.

[DOEHOONLEE]

I added

gem "jekyll-theme-minimal"

to Gemfile and now I'm getting

Oh, I am sorry I got the wrong repository :O