Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

[rustyonrampage]

I have a react 17 project, I followed all the steps to add package, update craco.config but when I run npm run build, I get the following error

react-boilerplate@0.1.0 build craco build

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

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

• configuration has an unknown property 'ignoreWarnings'. These properties are valid: object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry?, externals?, infrastructureLogging?, loader?, mode?, module?, name?, node?, optimization?, output?, parallelism?, performance?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, serve?, stats?, target?, watch?, watchOptions? } For typos: please correct them. For loader options: webpack >= v2.0.0 no longer allows custom properties in configuration. Loaders should be updated to allow passing options via loader options in module.rules. Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader: plugins: [ new webpack.LoaderOptionsPlugin({ // test: /.xxx$/, // may apply this only for some modules options: { ignoreWarnings: … } }) ]

My package.json is below { "name": "react-boilerplate", "version": "0.1.0", "private": true, "dependencies": { "@ant-design/icons": "^4.6.2", "@craco/craco": "^6.2.0", "@stripe/react-stripe-js": "^1.7.2", "@stripe/stripe-js": "^1.28.0", "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", "add-to-calendar-button": "^1.8.8", "antd": "^4.20.0", "axios": "^0.24.0", "connected-react-router": "^6.9.2", "craco-less": "^1.20.0", "i": "^0.3.7", "imask": "^6.4.2", "jsonexport": "^3.2.0", "less-loader": "^10.0.1", "libphonenumber-js": "^1.10.6", "moment": "^2.29.1", "moment-timezone": "^0.5.34", "node-sass": "^6.0.0", "npm": "^8.13.1", "prop-types": "^15.7.2", "query-string": "^7.1.1", "react": "^17.0.2", "react-add-to-calendar": "^0.1.5", "react-apple-login": "^1.1.3", "react-dom": "^17.0.2", "react-facebook-login": "^4.1.1", "react-geocode": "^0.2.3", "react-google-login": "^5.2.2", "react-phone-input-2": "^2.15.0", "react-redux": "^7.2.6", "react-router": "5.1.2", "react-router-dom": "5.1.2", "react-scripts": "^4.0.3", "react-signature-canvas": "^1.0.6", "redux": "^4.1.2", "redux-batched-actions": "^0.5.0", "redux-thunk": "^2.4.1", "sass": "^1.36.0", "web-vitals": "^2.1.2", "windows-iana": "^5.1.0" }, "scripts": { "start": "craco start", "build": "craco build", "build:lib": "REACT_APP_INJECTABLE=true craco build", "test": "craco test", "coverage": "npm run test -- --coverage --watchAll=false --passWithNoTests", "coverage:browser": "npm run coverage && open coverage/lcov-report/index.html", "analyze": "REACT_APP_INTERACTIVE_ANALYZE=true npm run build" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "craco-plugin-micro-frontend": "^6.0.0", "react-error-overlay": "6.0.9" }, "resolutions": { "react-error-overlay": "6.0.9" } }

[m-nathani]

Hey @rustyonrampage, a stack trace by itself really isn't helpful. What are you actually trying to do? Can you put together a CodeSandbox, a Github repo, or a Replay ( https://replay.io/record-bugs) that shows this happening?