Can't create or build boilerplate properly

Coldragon

Hello,

I'm trying to follow the tutorial to create a custom boilerplate to make a custom theme for my forum but the documentation is a bit confusing and I just get weird error.

I tried on my main workstation first on Windows then I tryed on my second one on Linux and still have error.

I have an error on the boilerplate creation :

coldragon@borr:~/Documents$ mkdir theme-ffge-v1
coldragon@borr:~/Documents$ cd theme-ffge-v1/
coldragon@borr:~/Documents/theme-ffge-v1$ yarn add @vanillaforums/theme-boilerplate
yarn add v1.22.4
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 1 new dependency.
info Direct dependencies
└─ @vanillaforums/theme-boilerplate@3.0.3
info All dependencies
└─ @vanillaforums/theme-boilerplate@3.0.3
Done in 1.70s.
coldragon@borr:~/Documents/theme-ffge-v1$ npm install fs-extra
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN theme-ffge-v1 No description
npm WARN theme-ffge-v1 No repository field.
npm WARN theme-ffge-v1 No license field.

+ fs-extra@9.0.1
added 5 packages from 2 contributors and audited 6 packages in 0.547s
found 0 vulnerabilities

coldragon@borr:~/Documents/theme-ffge-v1$ yarn run boilerplate-install theme-ffge-v1 "Theme FFGE V1"
yarn run v1.22.4
warning package.json: No license field
$ /home/coldragon/Documents/theme-ffge-v1/node_modules/.bin/boilerplate-install theme-ffge-v1 'Theme FFGE V1'
Boilerplate successfully installed!
fs.js:114
  throw err;
  ^

Error: ENOENT: no such file or directory, copyfile '/home/coldragon/Documents/theme-ffge-v1/node_modules/@vanillaforums/theme-boilerplate/src/scss/base/_variables.scss' -> '/home/coldragon/Documents/theme-ffge-v1/src/scss/base/_variables.scss'
  at Object.copyFileSync (fs.js:1728:3)
  at /home/coldragon/Documents/theme-ffge-v1/node_modules/@vanillaforums/theme-boilerplate/setup/boilerplateInstall.js:67:13
  at FSReqWrap.args [as oncomplete] (fs.js:140:20)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

And then when I use the vanilla-cli I have an error (with the same file involved)

coldragon@borr:~/Documents/theme-ffge-v1$ vanilla build --vanillasrc ../vanilla/
Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade caniuse-lite browserslist`
Starting build process v1 for addon at /home/coldragon/Documents/theme-ffge-v1.

Using Entrypoint: /home/coldragon/Documents/theme-ffge-v1/src/scss/custom.scss
Javascript entrypoint src/js/index.js not found. Skipping JS build.
[15:24:14] Plumber found unhandled error:
 Error in plugin "gulp-sass"
Message:
  src/scss/custom.scss
Error: File to import not found or unreadable: base/_variables.scss.
    on line 9 of src/scss/custom.scss
>> @import "base/_variables.scss";

  ^

Details:
  status: 1
  file: /home/coldragon/Documents/theme-ffge-v1/src/scss/custom.scss
  line: 9
  column: 1
  formatted: Error: File to import not found or unreadable: base/_variables.scss.
    on line 9 of src/scss/custom.scss
>> @import "base/_variables.scss";

  ^

  messageFormatted: src/scss/custom.scss
Error: File to import not found or unreadable: base/_variables.scss.
    on line 9 of src/scss/custom.scss
>> @import "base/_variables.scss";

  ^

  messageOriginal: File to import not found or unreadable: base/_variables.scss.
  relativePath: src/scss/custom.scss

Am I missing something ? Is there something new so the doc isn't updated anymore ?

I also tryed to setup your docker but it was land of error too

Thank's a lot

-Coldragon

Bleistivt

Looks like the _variables.scss is missing. You may be able to get it working using keystones _variables.scss which is based on boilerplate:

https://github.com/vanilla/vanilla/blob/master/addons/themes/keystone/src/scss/base/_variables.scss