CSS ParseError when running react-scripts build

[JulianG]

I'm using CRA (react-scripts 3.4.4, but also tried with 4.0.0)

Everything is fine in dev server, but I get this error when I try to build.

> react-scripts build

Creating an optimized production build...
Failed to compile.

./node_modules/some-dependency/build/es/polyfill/typeahead/Typeahead.css
ParserError: Syntax Error at line: 1, column 25

AFAIK the css file is already minified (is all in one line) and working fine in other projects.

Can I make react-scripts NOT process css files inside node_modules?

Thank you!

[JulianG]

I found the answer to this here: csstools/postcss-preset-env#163 (comment)

I fixed my issue like this:

1. install "postcss-custom-properties": "^10.0.0"

2. use yarn resolutions to for react-scripts to use the same version:

"resolutions": {
  "react-scripts/postcss-preset-env/postcss-custom-properties": "^10.0.0"
}

[ignacioanezin]

thx dawg, really appreciated

[DiegoArrieta]

thanks a lot!!

[rajpootmohit782]

thanks brother..