意外标记：运算符 (>) |更新或替换 uglify-js 来处理 ES6？答案

【问题标题】：Unexpected token: operator (>) | update or replace uglify-js to handle ES6?意外标记：运算符 (>) |更新或替换 uglify-js 来处理 ES6？
【发布时间】：2021-02-21 22:15:22
【问题描述】：

这是我第一次使用 react 构建一个框架应用程序，在我的 cmd 提示符下运行 npm run-script build 时遇到了这个错误。

Failed to compile.

static/js/main.9516bce8.js from UglifyJs
Unexpected token: operator (>) [./~/aframe/dist/aframe-master.js:57303,0][static/js/main.9516bce8.js:80512,32]

"aframe": "^1.0.4"

"webpack": {
  "version": "2.6.1",
  "resolved": "https://registry.npmjs.org/webpack/-/webpack-2.6.1.tgz",
  "integrity": "sha1-LgRX8KuxrF3zqxBsacZy8jZ4Xwc=",
  "requires": {
    "acorn": "^5.0.0",
    "acorn-dynamic-import": "^2.0.0",
    "ajv": "^4.7.0",
    "ajv-keywords": "^1.1.1",
    "async": "^2.1.2",
    "enhanced-resolve": "^3.0.0",
    "interpret": "^1.0.0",
    "json-loader": "^0.5.4",
    "json5": "^0.5.1",
    "loader-runner": "^2.3.0",
    "loader-utils": "^0.2.16",
    "memory-fs": "~0.4.1",
    "mkdirp": "~0.5.0",
    "node-libs-browser": "^2.0.0",
    "source-map": "^0.5.3",
    "supports-color": "^3.1.0",
    "tapable": "~0.2.5",
    "uglify-js": "^2.8.27",
    "watchpack": "^1.3.1",
    "webpack-sources": "^0.2.3",
    "yargs": "^6.0.0"
  },

根据我的研究，我猜测我使用的 uglify 版本不支持 ES6 但是我在网上找不到任何可以帮助我更新或替换 uglify-js 来处理 ES6

【问题讨论】：

标签： reactjs webpack aframe uglifyjs

【解决方案1】：

你可以更新它

npm update uglify-js

将包更新到满足其版本标签的最新版本。

如果这个新版本不起作用，您可以将其更新到特定版本

npm update uglify-js@3.0.5

或者直接更新到最新的

npm update uglify-js@latest

请小心，因为更新可能会破坏某些现有代码

【讨论】：

【解决方案2】：

terser-webpack-plugin 使用 webpack v4 为我工作。它确实支持 ES6+

【讨论】：

嘿，所以我尝试安装 terser-webpack-plugin 但我仍然遇到同样的 uglify 错误？我做了以下步骤 - (1) npm uninstall webpack (2) 从项目文件夹中删除了 node-modules 文件夹和 package-lock.json 文件。 (3) npm install terser-webpack-plugin --save-dev (4) npm install (5) npm install webpack@3.11.0 (6) npm uninstall uglify-js.
不确定是否与 webpack 版本有关，我使用的是 webpack v4 并且可以正常工作。希望有经验的人帮忙，祝你好运