By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement . We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account https://imgur.com/a/0Mu5FrS

Sass version is 1.49.9 compiled with dart2js 2.16.1.

ParcelJS solved my problem by being able to compile my Sass/Scss code into plain CSS but i don't want to use it in such a small project like this one.

OS:MX Linux.

Well, Sass does not support importing files based on a fake absolute path (where the root of the absolute path is not the root of the filesystem but the root of your project, which is not known by Sass as it does not have such concept).

There are 2 solutions here:

use the proper relative import (i.e. @import "abstracts/reset" )

define a load path from which imports can be resolved (which might be what ParcelJS is doing). In the command-line, this is done using the -I / --load-path option. There, you would pass the root of your project (containing the src folder in your example) as a load path.

Note however that the --quiet-deps flag treats any import resolved using a load path as being a dependency (and so will silence warnings there). So in your case, the recommended approach is to use relative imports IMO.

Seems I got a similar issue, but i'm not sure what to do as my screen.scss already has the @import paths as above (in SCSS style rather than SASS).

Error:

Folder structure:

screen.scss:

style.css:

Read your SASS basics. But can't seem to find something for this.
Any advice would be appreciated.
Also if you need any extra information, let me know.

Back here unfortunately. Not sure how/why, but for some reason today my compiler worked. Until at some point I moved the src folder over to another project. Now both projects the compiler no longer works?

I tried changing the import paths. I tried changing the path from where I was calling the sass command in the powershell. I can't seem to get it right. Am I missing something? See below updated screenshots.

Installed items:
Nodejs 8.11.0
sass 1.53.0 with dart2 2.17.3

Goes for both projects.

If you need any more info let me know. P.s. folder structure has not changed (you can compare current to last time)
The only thing changed was that I put screen.scss in the same folder as style.css (for ease in the command).

Well, if you move screen.scss , you need to adjust the relative path to other files. In your new location, screen.scss needs to use @import "modules/custom_variables"; to find the file.

And modules/_fonts.scss needs to import @import "custom_variables"; and not @import "modules/custom_variables"; (the first error in your screenshot)

@interlinc-jpeichoto This is a great question for the Sass StackOverflow community ! We try to keep this issue tracker focused on bugs and feature requests that need the core team's attention in particular, while requests for support are usually better handled by the community at large. To get a helpful answer from StackOverflow, I'd encourage you to add more details to your question, like what problem you are trying to solve, and which sections of your Sass code are actively breaking.