vscode-live-sass-compiler
vscode-live-sass-compiler copied to clipboard
ritwickdey
css file not being generated
Everything seems to be working but a css file is not generated. Created a 'vscode' folder in the project root directory with a settings.json file and the following code:
{ "liveSassCompile.settings.savePath": "/css", "liveSassCompile.settings.format": "expanded", "liveSassCompile.settings.extensionName" : ".css", "liveSassCompile.settings.excludeList": [ "/node_modules/", ".vscode/**" ], "liveSassCompile.settings.generateMap" : false }
The following is produced - so it does recognize changes in the sass file - but no css file is produced.
Thx.
Watching...
Change Detected... _customVariables.scss
Compiling Sass/Scss Files:
Watching...
_customVariables.scss is a partial sass. It shouldn't have any output. Is not it?.....
Hi, Can you send me your folder structure by zipping (don't include any sensitive content) ?
I'm having the same issue - default settings and only one HTML file and one SCSS file in the folder.
No problem - it's just the two files in the project folder at the moment.
Hmm, that's strange - I haven't edited any settings either. Running VSCode 1.17.2 on macOS Sierra 10.12.6.
Here's the output from VSCode:
- VSCode Version: Code 1.17.2 (b813d12980308015bcd2b3a2f6efa5c810c33ba5, 2017-10-16T13:47:41.889Z)
- OS Version: Darwin x64 16.7.0
- Extensions:
| Extension | Author (truncated) | Version |
|---|---|---|
| vscode-icontheme-nomo-dark | be5 | 1.3.4 |
| python | don | 0.7.0 |
| cpptools | ms- | 0.14.0 |
| view-in-browser | qin | 0.0.5 |
| live-sass | rit | 1.1.0 |
| LiveServer | rit | 3.0.0 |
Can you share the snapshot of the Output log of live sass compile after clicking to Watch sass?
Oops! May be platform specific bug! I'm looking for it. One more question, Is this working, if you place the sass into a sub directory?
I'm not sure about the bug! just now, I've tried from Linux, it is working and unfortunately I don't have any macOS through macOS & Linux file management likely same.
Is there any special charaters or - or ! are used in the file path?
One more thing, when you click to 'watch sass', open developer tools (help -> toggle developer tools).
Is there any error log? can you share the snapshot?
Me neither! Placing the scss file in a subfolder doesn't fix the issue, and there are no errors in the Developer Tools. I'll keep having a play around this afternoon and see if I can give you any more info.
One more test! delete the all html file, only keeps sass/scss.
set a settings (.vscode/settings.json)
"liveSassCompile.settings.includeItems" : [
"**",
"*"
]
Is it working ?
That seemed to work for me but now it's minifying LITERALLY every file and that's not ideal. I'm having the same issue as everyone else--the extension doesn't seem to be outputting anything at all, and oftentimes can't even detect that any changes were made to my scss files.
Help!
Hi @kyle-jorve , Thanks for the report. Which System you're using ?
[And yes! The setting will be minifying everything. That time I suggested it just for debugging purpose]
Looks like i have the same issue there. Didn't changed anything. Just moved all project content one directory down and then back. But structure is still the same. It shows that compiling is done, but actually main.css are not changed. W10 64 there I was setting up VS Code multi-root workspace and included current repository as one of the root. Deleted main.css and .map files. - They are not regenerated.
I suddenly got the same issue today but it turned out to be a mixin name error (on my part) that wasn't showing up as an error. Turned output on and then it started to pick the error up when I tried to save the file. User error!
I also have the same issue today changes in the scss file are getting reflected on page but the css is not generated for the changes . Please help .
Vs live sass compiler is not detecting changes and not compile to css. It looks like that is not see changes
Hey Guys,
I am facing the same issue just open your project in VS code. go to File > Open Folder > Your project location.
In this process, my problem got fixed.
Let me know if it helps you?
This fixed it for me, look like you have to have the folder environment opened rather than just the file it self, thanks!
I have little bit similar situation. Vscode not compiling on save, but only variables and mixins. All other changes are ok.
SCSS CSS
h1 { h1 {
color: blue; color: blue;
} }
$base-dark: red;
a { a {
display: inline-block; display: inline-block;
background-color: yellow; background-color: yellow;
} }
I had the same problem with live sass compiler not compiling my main.scss code. I later discovered that the error came from the naming of my main.scss code. I initially called it _main.scss. This made it not to be compiled by live sass compiler. When I changed the name to main.scss, the file was compiled immediately by live sass compiler. I hope this info helps.
Hey Guys,
I am facing the same issue just open your project in VS code. go to File > Open Folder > Your project location.
In this process, my problem got fixed.
Let me know if it helps you?
i faced the same issue and this "go to File > Open Folder > Your project location." helped me out!!!! thanks
The go to file > open folder > your project location didn't work for me. In the JSON setting however I changed a few things up and now its working.
How it was installed
What I changed
I'm a newbie so I don't know if what I did is right but its working for now.
