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.config.js中的SyntaxError阻止webpack运行

1 个答案: