Doesn't seem to compile new files?

[JemarJones]

When running this with the recommended command from create-react-app,

    "build-css": "node-sass-chokidar src/ -o src/",
    "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",

, it doesn't seem to notice and compile newly created scss files. I have to cancel and re-run the command to get new files compiled.

[michaelwayman]

I'm pretty sure it does.. Can you please attach a VERY SMALL example project that duplicates your issue and include info such as (operating system, node version, node-sass-chokidar version, etc)

[michaelwayman]

Can you please share the version you are using, system you are on, and steps to reproduce?
It would go a long way to helping me resolve this.

[PaulRBerg]

Indeed, it doesn't compile new files. I'm afraid I cannot share my code, but I'm running Sierra 10.12.6 and I use yarn start. I've tried with npm and the result is the same.

I've followed the instruction provided by create-react-app.

UPDATE I think I found a pattern. Whenever I have some warnings, the edited files aren't compiled. Could you investigate this?

UPDATE#2 I eventually found the issue and it was related to a missing space between commands.

[GreenAsJade]

Is there some reason why the watch command has --recursive whereas the build one doesn't have --recursive?

[michaelwayman]

@GreenAsJade --recursive doesn't actually do anything and has been removed.

Also, sorry for the delay, but I just published version 1.0.0 and this should be fixed now.

Also, @JemarJones when you use the --watch option all the files are built at the beginning so you shouldn't need to
"watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
instead you should be able to just do
"watch-css": "npm run node-sass-chokidar src/ -o src/ --watch",

[lmorchard]

FWIW, I have this issue too. On Windows, using node-sass-chokidar v1.3.3. I have a watch:css script in my package.json like this:

    "watch:css": "node-sass-chokidar src/ -o src/ --watch"

But, when I add a new .scss file somewhere under src/ - it never gets picked up for processing until I stop the process and re-run it. From then on, changes are picked up.

[jozefmery]

Same behavior as Imorchard described, same setup, doesn't work.

[kylebebak]

I don't know how node-sass-chokidar works, but if it's just a wrapper around node-sass, perhaps this issue is related to sass/node-sass#1891.

The node-sass issue, although it was closed, seems to never have been fixed.