Parsing error in scss file on build the application

Question

i have an issue. with my React app while i'm building for prod.

./src/styles/main.scss
ParserError: Syntax Error at line: 1, column 25

here's my main.scss file

@import 'vars/typography';
@import 'vars/fonts';
@import 'vars/colors';
@import 'vars/layout';
@import '~bootstrap/scss/bootstrap';
@import 'base.scss';
@import 'components/header';
@import 'components/navigation';
@import 'components/home';
@import 'components/section';
@import 'components/footer';

finally how i import the main.scss into my project

import React from 'react';
import ReactDOM from 'react-dom';
import App from './app/App';
import './styles/main.scss';

ReactDOM.render(
  <React.StrictMode>
      <App />
  </React.StrictMode>,
  document.getElementById('root'),
);

no matter the order i'm putting the imports, i always get the same error. I tried with ./ in front of the import with the same result

parse error means your build process doesn't know what to do with the .scss file format. Did you add node-scss? Run npm install node-sass --save to add it. — dikuw
– dikuw, Commented Sep 23, 2021 at 12:40
I do have sass but not node-sass specifically. I'll try when I can thanks — WEGSY85
– WEGSY85, Commented Sep 23, 2021 at 13:11
I deleted sass and node-sass and i followed that link and it works stackoverflow.com/questions/51850093/… — WEGSY85
– WEGSY85, Commented Sep 24, 2021 at 0:19

WEGSY85 · Accepted Answer · 2021-09-24 00:21:25Z

1

Thanks to @dikuw for the answer. To wrap up, I deleted Sass and node-sass and I followed that link for cleaning and rebuilding the whole project.

ERROR in ./src/styles.scss .. Module build failed: Error: Cannot find module 'node-sass'

answered Sep 24, 2021 at 0:21

WEGSY85

2911 gold badge5 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

Parsing error in scss file on build the application

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related