configuration.devtool should match pattern ......

报错 =>

[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
 - configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$".
   BREAKING CHANGE since webpack 5: The devtool option is more strict.
   Please strictly follow the order of the keywords in the pattern.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] start: `webpack serve --mode development --config ./build/webpack.config.js`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\6XD\AppData\Roaming\npm-cache\_logs\2020-11-17T14_13_39_306Z-debug.log
           

原因 devtool版本问题 =>

我的版本

"webpack": "^5.4.0",
    "webpack-cli": "^4.2.0",
    "webpack-dev-server": "^3.11.0",
           

参考 =>

https://webpack.js.org/configuration/devtool/

解决 =>

module.exports = {
    devtool: 'eval-cheap-module-source-map'
}