配置Webpack+React时出现无效配置错误，请求协助排查

先看你给出的错误信息，核心问题是Webpack认为你的entry.main是一个数组，而且里面重复出现了—这个无效元素——但你贴出来的webpack.config.js里entry明明是单个文件路径，这说明要么你的配置文件实际内容和你贴的不一样，要么是启动命令出了问题。

给你几个排查和解决的方向：

• 检查配置文件的实际内容
  大概率是你在写webpack.config.js的时候，不小心把entry写成了数组格式，还误加了重复的—符号，比如可能写成了这样：

  entry: ['—', path.join(__dirname, '/src/index.js'), '—']
  

  你打开配置文件仔细核对，把多余的—删掉，恢复成你原本的正确写法：

  entry: path.join(__dirname, '/src/index.js')
  

• 检查Webpack的启动命令
  有时候如果在命令行里输入了错误的启动参数，比如webpack --entry —，会直接覆盖配置文件里的entry设置，导致Webpack识别到重复的—元素。
  确保你用的是正常的启动命令，比如直接敲webpack，或者用npm run build（前提是你在package.json的scripts里配置了对应的命令），不要加多余的无效参数。

• 清理缓存后重新构建
  如果上面两步都没问题，可能是缓存搞的鬼。你可以删除node_modules/.cache文件夹，或者直接删掉dist目录，然后重新运行构建命令试试。

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