Can't find stylesheet to import

[Tom-Whi]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

I have merged with the upstream repo and I am getting the following error during the build process of Deploy Jekyll site to Pages action.

https://github.com/Tom-Whi/tom-whi.github.io/actions/runs/9530555828/job/26270566378

Error: Can't find stylesheet to import.
  ╷
1 │ @import 'dist/bootstrap';
  │         ^^^^^^^^^^^^^^^^
  ╵
  main.bundle.scss 1:9                                                                           @import
  /home/runner/work/tom-whi.github.io/tom-whi.github.io/assets/css/jekyll-theme-chirpy.scss 1:9  root stylesheet 
  Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/jekyll-theme-chirpy.scss':
                    Can't find stylesheet to import.
                    ------------------------------------------------
      Jekyll 4.3.3   Please append `--trace` to the `build` command 
                     for any additional information or backtrace. 
                    ------------------------------------------------

This happens because the jekyll-theme-chirpy.scss was updated to include an if/else statement for the environment if it equals "production" to use the _sass/main.bundle.scss. Inside that file is referenced dist/bootstrap which I don't have (I guess?!)

I have built this from the starter, and I only just VSCode and github to develop it, I don't run the site locally for testing.

Operations you have already tried

I have tried removing the if/else statement from the file and the action completes without errors, but no longer displays new posts when I post them.

Anything else?

No response

[heomne]

Solved this issue? i have a same thing

[roooocks]

npm run build
I didn't make it into starter, but there was the same error. I solved it the way above

[Tom-Whi]

@B-and-B-Studio I did use the Chripy Starter (at least I think I did, it was a while ago).

My comments above start by saying that to keep it up to date I am trying to merge from the upstream repo. I have got the correct URL in the config file but I am still getting the error in the original post. This is my config showing the correct URL based on the format in the comment.

[ghost]

@Tom-Whi hey I checked your repo again.

You are using the fork of main theme repo jekyll-theme-chirpy, and not the chirpy-starter template. And as someone who doesn't have much knowledge of Jekyll/ruby/yml I can only say it's a hassle to use it this way. Whereas using starter template you just need to change a few lines at most to update it.

So I just override layouts/includes when needed within the starter template.

You can check this repo of mine for reference, just know that I've moved on to local developing yesterday because of the live preview feature(it helped me progress faster) and my website is 95% complete now within a few hours from the design/customisation PoV.
Nonetheless this repo should still help you with how to do things because everything in it were completely developed just using GitHub from my browser.
I'll upload the final version of my site at my SoumyaK4 site within a few days.

Also here I checked your repo and the last tag it had was in version 5 whereas the latest version is 7.

So I'm assuming something went wrong while you were merging with the upstream repo

I'd recommend you download all your files in _posts, and any other _tabs files you added/modified, then just delete the current repo and start with the chirpy-starter and upload those downloaded files again at specific directories.

Also, can you try removing line 170-172 in your config? Cause I don't see these lines in the latest version, maybe issues because of this.

Honestly that's all the help I can give as my knowledge stands now.

Hope this turns out helpful to you.
Have a great day.
Good Luck

[Tom-Whi]

Hey @B-and-B-Studio , thank you so much for the help! Looked back at my notes and it's not clear how I started, however it's clear that mine says "forked from" and yours says "generated from" ... So I think I didn't do it in the way I thought I did it :-)

I think you're right that I'm also not getting the latest tags either and mine are not up to date so that might be why the update isn't working as I expected. I think my limited undersanding of Git has failed me and that's why I'm not forking the repo.

I am also someone who doesn't do much with Jekyll/ruby/yml either, so I wanted a nice and easy setup. I think I might look to trash my site and start it again based on what you've shown me... It makes way more sense and I think I pinned myself in a corner by forking the repo. Thank you for suggesting removing those lines - I won't be able to try this as I've broken my actions beyond repair so I think starting again is the best for me.

Thank you again for taking the time to compare the repo's and share your knowledge.

[ghost]

@Tom-Whi great!!! Just download your post files, then start with chirpy starter and upload your fils inside posts.

You can actually download the whole repo as zip, that way there would be a backup of all files.

[wwwGeneral]

Hi ! I have the same error as @Tom-Whi , however as i'm not using chirpy start but the original one (i just merged new updates) i don't know what to do.
What is strange is that i got no error on my computer when i build but when github workflow do it, it crashes :

Run bundle exec jekyll b -d "_site --trace"
  bundle exec jekyll b -d "_site --trace"
  shell: /usr/bin/bash -e {0}
  env:
    GITHUB_PAGES: true
    JEKYLL_ENV: production
Configuration file: /home/runner/work/wwwGeneral.github.io/wwwGeneral.github.io/_config.yml
 Theme Config file: /home/runner/work/wwwGeneral.github.io/wwwGeneral.github.io/_config.yml
            Source: /home/runner/work/wwwGeneral.github.io/wwwGeneral.github.io
       Destination: /home/runner/work/wwwGeneral.github.io/wwwGeneral.github.io/_site --trace
 Incremental build: disabled. Enable with --incremental
      Generating... 
Error: Can't find stylesheet to import.
  ╷
1 │ @import 'dist/bootstrap';
  │         ^^^^^^^^^^^^^^^^
  ╵
  main.bundle.scss 1:9                                                                                 @import
  /home/runner/work/wwwGeneral.github.io/wwwGeneral.github.io/assets/css/jekyll-theme-chirpy.scss 1:9  root stylesheet 
  Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/jekyll-theme-chirpy.scss':
                    Can't find stylesheet to import.
                    ------------------------------------------------
      Jekyll 4.3.3   Please append `--trace` to the `build` command 
                     for any additional information or backtrace. 
                    ------------------------------------------------
/home/runner/work/wwwGeneral.github.io/wwwGeneral.github.io/vendor/bundle/ruby/3.[2](https://github.com/wwwGeneral/wwwGeneral.github.io/actions/runs/10529458702/job/29177272291#step:5:2).0/gems/jekyll-sass-converter-3.0.0/lib/jekyll/converters/scss.rb:175:in `rescue in convert': Can't find stylesheet to import. (Jekyll::Converters::Scss::SyntaxError)

        raise SyntaxError, e.message
              ^^^^^^^^^^^^^^^^^^^^^^
	from /home/runner/work/wwwGeneral.github.io/wwwGeneral.github.io/vendor/bundle/ruby/[3](https://github.com/wwwGeneral/wwwGeneral.github.io/actions/runs/10529458702/job/29177272291#step:5:3).2.0/gems/jekyll-sass-converter-3.0.0/lib/jekyll/converters/scss.rb:1[5](https://github.com/wwwGeneral/wwwGeneral.github.io/actions/runs/10529458702/job/29177272291#step:5:5)9:in `convert'

Did anyone succeeded in fixing it ?

[Naminar]

I have the same problem. When i'm trying to do localy - everything is okay!

[wwwGeneral]

I just figured it out, there is a new update procedure :
https://github.com/cotes2020/jekyll-theme-chirpy/wiki/Upgrade-Guide

[Gaur4vGaur]

Yes, you need to run
npm run build

followed by
git add assets/js/dist _sass/dist -f

[lelalela]

.github\workflows\jekyll.yml에 build에서 Build with Jekyll 위에

• name: npm build
  run: npm install && npm run build
  넣고 해보세요 전 이렇게 해결했습니다.

[rse112]

Thank you so much for your suggestion! I've been struggling with this issue for almost 4 hours, and your advice finally solved it. I really appreciate your help!

[minju0611]

you are my sunshine

Thanks a lot.

[JunghyunHwang]

이 글은 모두가 알아야 합니다! 감사합니다!

[sebinyday]

If is no such file as .github\workflows\jekyl.yml.
add code
.github\workflows\pages-deploy.yml

like this.

find build site and add

- name: npm build
        run: npm install && npm run build

[HyunJinNo]

감사합니다. 덕분에 문제를 해결할 수 있었습니다.

[jinhg0214]

Error: Can't find stylesheet to import.
  ╷
1 │ @use 'vendors/bootstrap';
  │ ^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  main.bundle.scss 1:1                                                                               @use
  /home/runner/work/jinhg02[14](https://github.com/jinhg0214/jinhg0214.github.io/actions/runs/13384505203/job/37378700699#step:7:15).github.io/jinhg0214.github.io/assets/css/jekyll-theme-chirpy.scss 1:1  root stylesheet 
  Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/jekyll-theme-chirpy.scss':
                    Can't find stylesheet to import.
                    ------------------------------------------------
      Jekyll 4.4.1   Please append `--trace` to the `build` command 
                     for any additional information or backtrace. 
                    ------------------------------------------------

I got the following error, and I solved it by the way below. Hope it helps.

git add assets/js/dist/ _sass/vendors/ -f