javascript - 尝试从 webpack v1 语法切换到 webpack v3 并遇到奇怪的编译错误

Question

我正在开发一个 ReactJS 登录屏幕项目，第一次遇到了 webpack 的问题(回复: Compilation Issue with a React Login Screen )，@Andrew Li( https://stackoverflow.com/users/5647260/andrew-li ) 正确提示我们从 Webpack v1 语法切换到 Webpack v3 语法。

这是生成的配置代码:

https://gist.github.com/jqed-xuereb/8134002fdfb697e34a855e0394969ffc

使用 webpack index.js run.js 编译并运行代码后，我收到以下错误，内容涉及我的代码中不存在的行中的意外标记。恰好在我的最后一行下面一行。 错误:

 C:\Users\Jake\command line work\LearnD\Iteration 0\app\frontend>webpack 
 index.js run.js
 C:\Users\Jake\command line work\LearnD\Iteration 
 0\app\frontend\webpack.config.js:143
 });
 ^
 SyntaxError: Unexpected token }
  at createScript (vm.js:56:10)
  at Object.runInThisContext (vm.js:97:10)
  at Module._compile (module.js:542:28)
  at Object.Module._extensions..js (module.js:579:10)
  at Module.load (module.js:487:32)
  at tryModuleLoad (module.js:446:12)
  at Function.Module._load (module.js:438:3)
  at Module.require (module.js:497:17)
  at require (internal/module.js:20:19)
  at requireConfig 
(C:\Users\Jake\AppData\Roaming\npm\node_modules\webpack\bin\convert-
argv.js:97:18)

任何形式的有关配置的指向或纠正并消除此错误将不胜感激。

谢谢，我欠你几品脱啤酒，

J.

Answer 1

resolve 及其下的所有内容都应位于根级别而不是规则下。您应该在最后一条规则后添加缺少的 ], },