I am trying to add experiments
to the webpack config but am unable to determine what I am doing wrong.
my environment:
- yarn@1.22.5
- node@12.13.0
I created a brand new next app with npx create-next-app blog
Based on what I have read I need to add a resolutions property to the package.json like so:
"dependencies": {
"next": "10.0.6",
"react": "17.0.1",
"react-dom": "17.0.1"
},
"resolutions": {
"webpack": "5.21.2"
}
And then in next.config.js I have the following:
const webpack = require("webpack");
console.log(webpack.version); // 5.21.2
module.exports = {
webpack: function (config, options) {
console.log(options.webpack.version); // 4.44.1
config.experiments = {};
return config;
},
};
and when I yarn dev
I get the following error:
- configuration[0] has an unknown property 'experiments'.
If you notice the required module webpack version is 5.21.2
but the version being used inside the config settings is 4.44.1
.