Problem with node-sass on create-react-app

Question

Before I post this question, I have tried all of the solution offered down below : ERROR in Cannot find module 'node-sass'

I use create-react-app to create project1 on Windows 10.

My node version : node -v -> v12.16.3

Install node-sass : npm install node-sass@latest

App.js :

import React from 'react';

import "assets/scss/style.scss";


function App() {
  return (
     <div>Hi World</div>
  );
}

export default App;

npm start

Error on the browser : ./src/App.js Module not found: Can't resolve 'assets/scss/style.scss' in 'F:\project1\src'

I'm just wondering why isn't there a simpler and guarentee-to-work way to get this node-sass installed and run. After I searched up for solution on google, it turns out that a lot of people (not only me) are having the same problem.

possible duplicate of stackoverflow.com/questions/64625050/… — Azaria Gebremichael
– Azaria Gebremichael, Commented May 8, 2021 at 18:01

hcc · Accepted Answer · 2020-10-16 07:53:53Z

1

https://github.com/sass/node-sass

You can install [email protected] according to your node version.

edited Oct 16, 2020 at 7:53

answered Oct 16, 2020 at 7:47

hcc

112 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

secan Over a year ago

According to the OP question, s/he already installed node-sass therefore this is unlikely to solve the problem. If you think the issue might be linked to the package version and you want to double-check, maybe a comment would be a better place to ask for further information. ;)

Vaishali Shah · Accepted Answer · 2020-06-01 23:48:56Z

0

You just need to flow three steps:

npm install node-sass
change file extension ( .css to .scss )
change any import to .scss
provide proper path for style.scss file( May I know your style.scss path? )

edited Jun 1, 2020 at 23:48

answered Jun 1, 2020 at 23:45

Vaishali Shah

134 bronze badges

3 Comments

brandoncraig Over a year ago

That's why i have style.scss (instead of style.css) as I mentioned above.

Vaishali Shah Over a year ago

May I know your style.scss path? I think, you are not providing correct path for style.scss file.

brandoncraig Over a year ago

F:\Project1\src\assets\scss\style.scss

Collectives™ on Stack Overflow

Problem with node-sass on create-react-app

2 Answers 2

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related