Неожиданный токен: operator (>) | обновить или заменить uglify-js для обработки ES6?

#reactjs #webpack #aframe #uglifyjs

#reactjs #webpack #aframe #uglifyjs

Вопрос:

Я впервые создаю приложение a-frame с помощью react, и при запуске 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

Ответ №1:

Вы можете обновить его с помощью

npm update uglify-js

который обновляет пакет до последней версии, которая удовлетворяет его тегу версии.

Если эта новая версия не работает, вы можете обновить ее до определенной версии

npm update uglify-js@3.0.5

или просто обновите его до последней версии

npm update uglify-js@latest

Будьте осторожны, потому что обновления могут нарушить некоторый существующий код

Ответ №2:

terser-webpack-plugin работает для меня с использованием webpack v4. он поддерживает ES6

Комментарии:

1. Эй, итак, я попытался установить terser-webpack-plugin, но я все еще получаю ту же ошибку uglify? Я выполнил следующие шаги — (1) npm деинсталлирует webpack (2) Удалил папку node-modules и файл package-lock.json из папки вашего проекта. (3) npm install terser-webpack-plugin —save-dev (4) установка npm (5) установка npm webpack@3.11.0 (6) npm удаляет uglify-js.

2. не уверен, связано ли это с версией webpack, я использую webpack v4, и он работает. надеюсь, что более опытные люди помогут, удачи