I am not able to run SASS

[gfdesign]

Dears
I am try to run SASS in my React app following these instructions. When I run npm run watch-css the script generates correctly the .css from the .scss file, however when I save the .scss file I get this message in the console:

=> changed: C:\React\MyApp\src\App.scss
{
  "status": 3,
  "message": "File to read not found or unreadable: C:/React/MyApp/src/App.scss",
  "formatted": "Internal Error: File to read not found or unreadable: C:/React/MyApp/src/App.scss\n"
}

My enviroment and setup are:
Windows 10
Node: 6.10.2
NPM: 3.10.10
react: 15.6.0
react-dom: 15.6.0
node-sass-chokidar: 0.0.3,
react-scripts: 1.0.7

Any idea what is wrong?
I would be grateful any clue.
Best regards

[Timer]

/cc @michaelwayman

[michaelwayman]

Thanks for the heads-up @Timer
@gfdesign would you mind re-opening the ticket on node-sass-chokidar so I will be able to track it better?

At first glance it looks like you are on windows and node-sass-chokidar is trying to look for file C:/React/MyApp/src/App.scss (note the forward slashes) but on windows the correct path would use \ backslashes instead.

I released node-sass-chokidar v0.0.3 yesterday and I am wondering if this new "patch" release introduced a bug on accident. Would you mind downgrading to node-sass-chokidar v0.0.2 and see if this is still an issue for you? That gives a chance to tell me exactly where the issue is at.

There are no hard-coded forward slashes in the code, and I am confident node knows how to properly resolve paths so I am thinking this might be an issue with a dependency node-sass-chokidar has on sass-graph.

I will look into this issue more in-depth when I get home from work, in the meantime if you could re-open this issue on node-sass-chokidar and let me know if downgrading fixes your issue that would be a major help!

Thanks for the report @gfdesign

[michaelwayman]

@gfdesign I tried duplicating your problem on a windows10 laptop with npm6/node3.10.10 and I wasn't able to duplicate the issue.

Question time:
do you have some sort of mounted file system or running a VM or windows/linux hybrid? Are you running cygwin or have symlinks or anything like that?

The BEST would be if you could share a small project that demonstrates the issue. But otherwise is it possible for you to include your package.json, and example of your sass folder/file structure so I can try replicating your setup even further?

[gfdesign]

Thanks for replying. As soon as I find some time, I'll try your suggestions.
Thanks for your patience.

[gfdesign]

This thread is followed here.

[gaearon]

Sass is now supported out of the box.
https://reactjs.org/blog/2018/10/01/create-react-app-v2.html