Changelog theme scss error

I’m new to hugo and want to try out this changelog theme, but after installing it when I do hugo server -D to preview, I get this error:

error: failed to transform resource: SCSS processing failed: file "stdin", line 11, col 1: File to import not found or unreadable: spectre/src/variables.

I’ve made no changes beyond cloning the repo and adding a md file in their suggested experiment and released content folders.

I get the same error when I try to use their suggested exampleSite preview command:

cd exampleSite && hugo serve --theme hugo-changelog-theme --themesDir ../../ --baseURL http://localhost/

do I need to download the spectre css and put it in this project somewhere, or is there something else I need to do? (I tried downloading it and putting it in the resources folder.)

You’re getting this error because the changelog theme contains a git submodule named spectre, and you didn’t clone the submodule.

Since you’ve already cloned the theme repo, you can run the below (assuming you’re in the root of the theme directory) to clone the spectre repo too:

git submodule init
git submodule update

If you were checking out the theme repo “fresh”, you would run this to clone it recursively:

git clone --recurse-submodules https://github.com/jsnjack/hugo-changelog-theme.git

I recommend opening a github issue in this theme wherein you ask the theme author to update the README.md with the above info, or something similar.

2 Likes

Went ahead and created the GH issue, as I suspect others have/will run into this.

1 Like

Thank you, I just added the submodule and it worked perfectly. :slight_smile: