解决 => configuration.devtool should match pattern ......（麻烦老师看下是否有问题）

来源：11-3 Webpack配置优化

THEEND0123

2020-11-17

报错 =>

[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! 6xd-es-cli@1.0.0 start: `webpack serve --mode development --config ./build/webpack.config.js`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the 6xd-es-cli@1.0.0 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'
}

写回答

4回答

慕婉清1335980

2021-04-16

好厉害，

THEEND0123

提问者

2020-11-18

不好意思，我使用的是最新的webpack5

谢成

2020-11-18

课程中强调了，课程演示的是webpack4的配置方式，所以如果按照课程中的方式，请安装webpack4版本。

谢成

2020-11-18

名称应该是：

cheap-module-eval-source-map

THEEND0123

但是报错了

2020-11-18

共1条回复

JavaScript ES(6-11)全版本语法前端都需要的基础课

前端无门槛学习，从ES6到ES11，一套课程掌握JS最新语法

1329 学习 · 296 问题

查看课程

相似问题

解决 => Error: Cannot find module 'webpack-cli/bin/config-yargs'（麻烦老师看下是否有问题）

回答 2

解决 Copy Plugin版本问题（麻烦老师看下是否有问题）

回答 1

Array.prototype.push.apply(arr1, arr2) 理解（老师麻烦看一下是否正确）

回答 1

解决(node:16112) ...TypeError: merge is not a function（麻烦老师看下是否有问题）

回答 1

请问一下，使用ERB脚手架时，如果有类似的名称的json文件，就无法引入组件，该怎么处理呢？

回答 1

打开慕课网App查看更多内容