React-scripts 5 build fails on Netlify - "validate is not a function"

[topapippo]

Titolo: React-scripts 5 build fails on Netlify - "validate is not a function"
Messaggio:
Hi, I need help deploying a React app on Netlify.
Repository: https://github.com/topapippo/MBHS-GESTIONALE-EMERGENT
Error:
TypeError: validate is not a function
at new TerserPlugin (terser-webpack-plugin/dist/index.js:180:5)
at react-scripts/config/webpack.config.js:262:9
Node.js v18.20.8
Setup:

react-scripts: 5.0.1
Node: 18
Build command: npm install --legacy-peer-deps && npm run build
Base directory: frontend

What I tried:

Node 16, 18, 20
overrides for ajv, schema-utils, ajv-keywords
--legacy-peer-deps

Nothing works. How can I fix this?

[Giachasidis]

@topapippo The error TypeError: validate is not a function in TerserPlugin indicates a version mismatch between terser-webpack-plugin and its peer dependency schema-utils (likely versions 2.x and 4.x clashing). This occurs when the dependency resolution on Netlify differs from your local environment.

To fix this, add the following overrides to your package.json:

"overrides": {
  "schema-utils": "4.3.2",
  "terser-webpack-plugin": "5.3.14"
}

Delete node_modules, package-lock.json, and reinstall. If the issue persists, set the environment variable NODE_OPTIONS=--openssl-legacy-provider on Netlify (UI or netlify.toml). The root cause is that create-react-app is unmaintained; consider migrating to Vite.