如何解决Webpack初始化的Invalid configuration object配置错误？

嘿，这个问题我之前也踩过坑！你看终端里的错误提示反复提到了—这个字符，再对照你package.json里的scripts命令就能发现问题所在——你用了中文的长破折号（—），但webpack-dev-server和webpack只认英文的双短横线（--）作为命令参数的前缀。

当你写— mode这类内容时，webpack会把这个中文破折号和后面的内容当成一个要打包的文件路径，而不是合法的命令参数，这就导致entry配置里被错误地加入了无效的重复项，触发了API schema的验证错误。

只需要修改这一处： #

打开你的package.json，把scripts里的所有中文破折号替换成英文双短横线即可：

{
  "scripts": {
    "start": "webpack-dev-server --mode development --open --hot",
    "build": "webpack --mode production"
  }
}

改完保存后重新运行npm start，应该就能正常启动开发服务器了。另外你的webpack.config.js配置看起来是没问题的，entry路径是正确的单文件，没有重复配置的问题~

内容的提问来源于stack exchange，提问作者Mind Gauge