webpack.config.js 中的语法错误阻止 webpack 运行

Question

我这辈子都看不出为什么会出现这个错误。

webpack.config.js:

{
  context: __dirname + "/Content/src",
  entry: "./app",
  output: {
    path: __dirname + "/dist",
    filename: "bundle.js"
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        include: __dirname + "/Content/src",
        loader: "babel",
        query: {
          optional: ["es7.decorators"]
        }
      }
    ]
  }
}

我在运行 webpack 时得到的错误信息是

...\webpack.config.js:3
  entry: "./app",
       ^

SyntaxError: Unexpected token :
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:414:25)
    at Object.Module._extensions..js (module.js:442:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:311:12)
    at Module.require (module.js:366:17)
    at require (module.js:385:17)
    at module.exports (C:\path\to\webpack\bin\convert-argv.js:80:13)
    at Object.<anonymous> (C:\path\to\webpack\bin\webpack.js:39:40)
    at Module._compile (module.js:435:26)

我尝试在一些字段中移动，但是它不断地在冒号处抛出 SyntaxError。始终是最早的几个领域之一。我试过运行直接从命令行将其全部设置，但我在那里遇到了一个不同的错误，我必须弄清楚。这似乎更容易。

我还没有尝试过节点 api 但这应该是概念验证类型的东西，我不想设置 gulp 来尝试使用 webpack api当我真的觉得这样就够了。

我的项目使用的是 webpack 版本 1.12.2。

Answer 1

您的 webpack.config.js 只是一个无效的 JavaScript 文件。

您已尝试使用您的配置选项创建对象文字，但您尚未声明要分配给它的变量，也未将其导出为值。

因此修复应该非常简单：

在打开之前添加 module.exports = { 这将从文件中导出配置对象供 webpack 使用。

webpack.config.js 中的语法错误阻止 webpack 运行

SyntaxError in webpack.config.js preventing webpack from running

webpack