Laravel Mix: Invalid configuration object
I was working with Tailwind CSS in a Laravel 8 project and was ”just” going to add Tailwind forms. Suddenly, I was facing this error message in my terminal:
[webpack-cli] Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
Fortunately, the solution was as always a quick googling away and found in this thread on GitHub. The first suggestion didn’t work for me, but this solution did the trick. Thanks to andymnc!
First, add the following to the package.json file:
”webpack”: ”^5.23.0”
Then, run these commands in your terminal:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $ npm uninstall sass | |
| $ npm uninstall sass-loader | |
| $ rm -rf node_modules | |
| $ rm package-lock.json yarn.lock | |
| $ npm cache clear –force | |
| $ npm install |
Done! Everything should be working again!