#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, и он работает. надеюсь, что более опытные люди помогут, удачи