node-sass --watch outputting empty CSS files

[andrewulm]

• NPM version (npm -v): 5.0.3
• Node version (node -v): v8.1.2
• Node Process (node -p process.versions):
  { http_parser: '2.7.0', node: '8.1.2', v8: '5.8.283.41', uv: '1.12.0', zlib: '1.2.11', ares: '1.10.1-DEV', modules: '57', openssl: '1.0.2l', icu: '59.1', unicode: '9.0', cldr: '31.0.1', tz: '2017b' }
• Node Platform (node -p process.platform): Linux
• Node architecture (node -p process.arch): x64
• node-sass version (node -p "require('node-sass').info"):
  node-sass 4.5.3 (Wrapper) [JavaScript] libsass 3.5.0.beta.2 (Sass Compiler) [C/C++]
• npm node-sass versions (npm ls node-sass):
  halfpricebanners@1.0.0 /home/vagrant/halfpricebanners/angular4 ├─┬ @angular/cli@1.0.1 │ └── node-sass@4.5.3 deduped └── node-sass@4.5.3

---

Recently, i've been experiencing valid code being outputted to my CSS file as 0 bytes, no data.

But sometimes, if I change a value of any property, it will output a the CSS fine.

node-sass --watch sass/basic-pages.scss css/basic-pages.css --output-style compressed

The SCSS:
basic-pages.scss.txt

I've ran this through many validators with no errors, shown colleagues for review if I missed something obvious, with no luck.

Please let me know your thoughts. Thanks!

[andrewulm]

Supplemental example

First State .img-background selector wrapper added, CSS file has data

Second State Removed .img-background selector, CSS file is empty

[andrewulm]

Further testing:

Seems that when I manually run node-sass sass/basic-pages.scss css/basic-pages.css --output-style compressed The output is fine, consistently.

This may be a problem with --watch flag.

[venerated]

Experiencing the same. Problem is intermittent. Only happens when using watch flag, manual compilation works fine.

[niklaz]

I actually have issues even without --watch flag

[tcasey]

I'm also running into this issue without the --watch flag

[svda]

Same here, happening with 4.11.0 against node 10.13.0.

[daniel-algauer]

No more updates on this issue? I'm getting blank css files as well. I tried to update everything, reboot and nothing. Looks like some files are ok and others don't. I'm trying to simulate some cenários.

[saper]

To have a look at it, I'd like to have a small repository to reproduce the issue consistently.

Please also say what kind of Linux system is this exactly, it would be also good to know what kind of filesystem are you on. It can also be helpful to know what editor are you using to make the changes.

Do not include screenshots, please provide text.

Watching a filesystem is not an easy issue, there are lots of moving parts.

Can you reproduce this outside of the machine provisioned by vagrant?

[EgleKat]

I'm also experiencing issues with --watch flag, sometimes compiles into empty css, although is fine, when I run it manually.
However, I am using node-sass-chokidar.
I am using elementary OS 5.1.4 Hera and VSCode editor. filesystem - Ext4.
I am not using Vagrant.

[yaskevich]

The same issue is on Ubuntu 18.04.4 LTS, ext4, Node v13.14.0

[saper]

Can everybody affected confirm they are using Visual Studio Code?

[EgleKat]

Can everybody affect confirm they are using Visual Studio Code?

I am using Visual Studio Code

[adamgreenough]

Experiencing this on an Ubuntu server edited remotely over SFTP (Panic Nova)