Build hangs after `Failed to compile.` when using sass imports

[ArnaudBarre]

Build hangs after Failed to compile. when using sass imports

1. yarn create react-app test
2. yarn add node-sass
3. Rename index.css to index.scss (update import in App.js)
4. In index.scss add @import "./foo.scss";
5. In index.js add import { Bar } from "./Foo"

Without 4. => Cannot find file './Foo' in './src'. => exit 1

Without 5. => File to import not found or unreadable: ./foo.scss. => exit 1

With 4. and 5. => Cannot find file './Foo' in './src'. => hangs

[robertvansteen]

Where is Foo.js in this example? Please provide a complete reproducible example (via Codesandbox for example).

[ArnaudBarre]

It doesn't exit (and so the build should fail). Is there a Codesandbox link with the version 3.0.1 that I can fork ?

[ArnaudBarre]

Here is a link: https://codesandbox.io/s/nifty-https-sy533

[mbarton]

We had the same problem, seemed to be a race condition leading to deadlock within node-sass itself. Possibly the long standing sass/node-sass#857.

We solved it by installing the sass package instead of node-sass. It seems to be a node-sass compatible, pure JS implementation: https://sass-lang.com/dart-sass

[bugzpodder]

sass package (compared to node-sass) is now supported out of box in 3.1.1

[bugzpodder]

Doesn't seem to repro anymore with the latest react-scripts and node-sass, which had upgraded some dependencies including sass-loader.