node_modules does not seem to be an included path for Sass in CRA 2.0

[jimbojetlag]

I am not sure if this is a bug, or a feature. Apparently, node_modules/ directory is not an included path for Sass in CRA 2.0.

As instructed in #2859, node_modules/ prefix should be used when importing sass files from libraries. Including this prefix is not conventional in sass projects.

But then, even when using that prefix, libraries that import sass files other libraries will cause the File to import not found or unreadable error.

As an example, using @material/react-top-app-bar:

import 'node_modules/@material/react-top-app-bar/index.scss';

gives the error:

File to import not found or unreadable: @material/top-app-bar/mdc-top-app-bar.
      in node_modules/@material/react-top-app-bar/index.scss (line 1, column 1)

[bugzpodder]

Does: import '~@material/react-top-app-bar/index.scss'; work?

[jimbojetlag]

Does: import '~@material/react-top-app-bar/index.scss'; work?

It only works for the application, not the libraries.

[stale]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 7 days if no further activity occurs.

[jayantbh]

For anyone stumbling across this from a Google search, this helped me:
#5599 (comment)