Can't find stylesheet to import.

[martinadamec]

Do you want to request a feature or report a bug?
Bug

What is the current behavior?
unable to start app because import sass file throwing error

If the current behaviour is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Paste the link to your CodeSandbox (https://codesandbox.io/s/new) example below:
You can use my repo: https://github.com/martinadamec/react-toastify-test
Or easy steps:

npx create-react-app my-app --template typescript
npm i react-toastify sass

Create new file test.scss and add following content:

@import "~react-toastify/scss/main";

and import the file into App.tsx

import "./test.scss";

and start the app

npm start

What is the expected behavior?
is possible to start app

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

• node 14.19.3
• npm 6.14.17
• react 18.1.0 (same situation with v16)

Error log

SassError: Can't find stylesheet to import.
  ╷
1 │ @import "~react-toastify/scss/main";
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src/test.scss 1:9  root stylesheet
ERROR in ./src/test.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/test.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
  ╷
1 │ @import "~react-toastify/scss/main";
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵

Any guess what would be wrong? I solved this by downgrading to react-toastify v8.
Thanks in advance

[fkhadra]

Hey, in order to import the stylesheet you have to do

import "react-toastify/dist/ReactToastify.css"

[martinadamec]

@fkhadra but I want to change sass variables so I need sass file not compiled css file

[fkhadra]

Ow ok I misunderstood you. Let me check

[fkhadra]

@martinadamec I've tried in v8 in codesanbox, it seems that it's able to import the file but it does not load the scss variables. Still investigating
https://codesandbox.io/s/wild-morning-ncnf70?file=/src/test.scss

[Aeden-B]

I have the same bug.
No problem with react-toastify v8 but with v9 :

SassError: Can't find stylesheet to import.
@import '~react-toastify/scss/minimal';

[fkhadra]

@martinadamec should be fixed in the latest release