Webpack - SyntaxError: Unexpected token {答案

【问题标题】：Webpack - SyntaxError: Unexpected token {Webpack - SyntaxError: Unexpected token {
【发布时间】：2018-08-07 06:50:20
【问题描述】：

我已经为 Django 和 Vue 介绍了 Webpack。但我得到一个错误。我无法执行 webpack。这是什么错误？

$ node --use_strict ./node_modules/.bin/webpack --config webpack.config.js
node_modules/webpack-command/lib/cli.js:5
const { register } = require('./global');
        ^

SyntaxError: Unexpected token {
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:374:25)
    at Object.Module._extensions..js (module.js:417:10)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Function.Module.runMain (module.js:442:10)
    at startup (node.js:136:18)
    at node.js:966:3

【问题讨论】：

你的节点版本是多少？是否支持对象销毁？

标签： javascript node.js npm webpack babeljs

【解决方案1】：

您正在尝试解构 require 调用。节点版本必须支持解构。另一种选择是使用 babel-node 进行编译。

如果 node 支持（node v6 和更新版本），请检查您是否将register 导出到./global.js。

我为你做了一个演示here

【讨论】：

【解决方案2】：

据我了解，您希望使用本地 webpack 来构建您的应用程序。在这种情况下，您需要运行以下命令：

./node_modules/webpack/bin/webpack --config webpack.config.js

此外，您可以将脚本添加到 package json 以使其更短：

package.json

"scripts": {
    "build": "webpack --config webpack.config.js"
}

您也可以使用npx (https://www.npmjs.com/package/npx) 来运行本地node_modules：

npx webpack --config webpack.config.js

希望这会有所帮助。

【讨论】：