I have just installed Sage for the first time. Everything went smoothly until I started working on CSS and JS. The files are watched and from the Terminal everything looks rosey (“Compiled successfully in 1112ms”).
But, I don’t see any style.css or main.js files. Or even any /dist/ folder. I also don’t see the node_modules folder in my theme either.
There were some warnings when I ran ‘Yarn’…
warning " > email@example.com" has unmet peer dependency "postcss@^8.1.0".
warning " > firstname.lastname@example.org" has incorrect peer dependency "eslint@^6.0.0 || ^7.0.0".
warning " > email@example.com" has incorrect peer dependency "webpack@^4.0.0 || ^5.0.0".
warning " > firstname.lastname@example.org" has incorrect peer dependency "webpack@^4.0.0 || ^5.0.0".
warning " > email@example.com" has incorrect peer dependency "webpack@^4.0.0 || ^5.0.0".
warning " > firstname.lastname@example.org" has unmet peer dependency "postcss@^7.0.0 || ^8.0.1".
warning " > email@example.com" has incorrect peer dependency "node-sass@^4.0.0".
warning " > firstname.lastname@example.org" has incorrect peer dependency "stylelint@^8.0.0".
warning " > email@example.com" has incorrect peer dependency "webpack@^1.13.2 || ^2.7.0 || ^3.11.0 || ^4.4.0".
warning " > firstname.lastname@example.org" has incorrect peer dependency "webpack@^4.0.0 || ^5.0.0".
Any ideas what’s happening here?
Hi, welcome to the forum. What command are you running in your terminal to watch your files? Is it working despite not seeing the
Hi, thank you. Good to be here.
I’m using ‘Yarn’ to watch files. Yes all seems to be working. It’s almost like the dist folder is hidden or in a different directory somewhere
The correct command for building/watching is
yarn start so I’m guessing that’s what you mean. Simply running
yarn will install your Node dependencies, but won’t start the watching process.
dist directory is only created when you run
yarn build or
yarn production if memory serves.
yarn start. Ok so embarrassingly, I’m using a new text editor and turns out that ignored files/folders aren’t visible by default. I’ve changed that now and can see both the
dist I only see a
scripts, no CSS. When I make a change to an
.scss file the compiler says…
You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing. Pick plugins for your case on https://www.postcss.parts/ and use them in postcss.config.js.
I’m wondering if this is the issue?
Are you using Sage 10 beta 2 with Bud? If so, you’ll need to add Sass support
There’s some existing topics / GitHub issues with the specifics
If you’re using Sage 9, is it version 9.0.10? If so, you might want to switch to the
9.x branch and read some of the existing topics about how the dependencies have been bumped
I’m using 9.0.10. Do you mean the 9.x branch in this discourse? I thought I was already??
I’ll see if I can find some other topics specific to postCSS
There’s a 9.x branch on the git repo that is ahead of
9.0.10, but no tag/release yet associated with the newer commits
This topic was automatically closed after 42 days. New replies are no longer allowed.