Using SCSS files in Create-React-App project

  1. MDB Home Page
  2. Support Main Page
  3. React
Topic: Using SCSS files in Create-React-App project

cokicoki asked a year ago

Hi,

I followed the 5 min Quick Start to use SCSS files in my Create-React-App project. I did many times but failed and I couldn't help it. Would you advice what went wrong with the MDB React Pro software and how to solve it? Thank you.

enter image description here

noveltytech answered a year ago

Did you added this line in your custom_variables.scss file

$image-path: "../../img" !default;

it should fix that

cokicoki answered a year ago

Hi noveltytech,

I have added $image-path: "../../img" !default; to my custom_variables.scss file. But I am still have the problem.

Here is the problem when I rendered it (npm start). enter image description here

Piotr Glejzer staff commented a year ago

Can you show a screen with you folder structure?

cokicoki answered a year ago

Hi Piotr Glejzer,

Here it is I attach the folder: enter image description here

enter image description here

enter image description here

Piotr Glejzer staff commented a year ago

you have a misspelling in the word assets. You wrote assests but should be assets or vice versa

cokicoki answered a year ago

Hi Piotr Glejzer,

Yes, It is working now. I am sorry it is my fault for misspelling the word of assets. Thank you very much.

Write
Create snippet
Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: React
  • MDB Version: 4.25.4
  • Device: PC
  • Browser: chrome
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No
Tags
using-scss-files-in-my-create-react-app-project scss
Related topics
1
Trying to change primary color by compilling
1
MDB React - Dark Mode API
1
CSS not applied
0
Plugins SASS Custom Theme
0
MDB JQuery Pro SCSS, module not found
About author
cokicoki
387Support score
18Questions 30Answers
0Snippets likes 0Snippets

We use cookies to offer you a better browsing experience, analyze site traffic, personalize content, and serve targeted advertisements. Read about how we use cookies and how you can control them by clicking "Cookie Settings." If you continue to use this site, you consent to our use of cookies.