React JS run-script не компилируется - PullRequest
Новая
       21

React JS run-script не компилируется

1 голос
/ 20 сентября 2019

Описание проблемы

>> npm run-script build не удается скомпилировать

Ожидаемое поведение

Успешная компиляция, папка сборки содержитсвернутый проект, без ошибок в выводе

Фактическое поведение

Вывод выдает следующую ошибку: 

react-scripts build

Creating an optimized production build...
Failed to compile.

Failed to minify the bundle. Error: static/js/main.e3925110.chunk.js from Terser
Name expected [static/js/main.e3925110.chunk.js:186,5]
    at compiler.run (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\react-scripts\scripts\build.js:176:23)
    at finalCallback (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\webpack\lib\Compiler.js:257:39)
    at hooks.done.callAsync.err (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\webpack\lib\Compiler.js:273:13)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\tapable\lib\Hook.js:154:20)
    at onCompiled (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\webpack\lib\Compiler.js:271:21)
    at hooks.afterCompile.callAsync.err (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\webpack\lib\Compiler.js:671:15)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\tapable\lib\Hook.js:154:20)
    at compilation.seal.err (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\webpack\lib\Compiler.js:668:31)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\tapable\lib\Hook.js:154:20)
    at hooks.optimizeAssets.callAsync.err (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\webpack\lib\Compilation.js:1385:35)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\tapable\lib\Hook.js:154:20)
    at hooks.optimizeChunkAssets.callAsync.err (C:\Users\Zackyy\Desktop\ReactCoding\wanawiipuri\node_modules\webpack\lib\Compilation.js:1376:32)
Read more here: *removed*

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! wanawiipuri@0.1.0 build: `react-scripts build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the wanawiipuri@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Zackyy\AppData\Roaming\npm-cache\_logs\2019-09-20T15_06_48_248Z-debug.log

Возможные исправления, которые такжеошибка

Сообщество Stackoverflow предложило несколько решений.Первый из них был npm i react-scripts --save-dev, который не имел значения.Второе значение npm i terser@3.14.1 --save, также без прогресса.

Package.json 

{
  "name": "wanawiipuri",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "firebase": "^6.6.1",
    "firebase-admin": "^8.6.0",
    "firebase-redux": "0.0.5",
    "firebase-tools": "^7.3.2",
    "react": "^16.9.0",
    "react-dom": "^16.9.0",
    "react-redux": "^7.1.1",
    "react-redux-firebase": "^2.4.1",
    "react-router-dom": "^5.0.1",
    "redux": "^4.0.4",
    "redux-firestore": "^0.9.0",
    "redux-thunk": "^2.3.0",
    "universal-cookie": "^4.0.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "react-scripts": "^3.1.2",
    "terser": "^3.14.1"
  }
}

Дополнительная информация

Проект созданиспользуя npx create-react-app./ Windows 10 1903, / VSCode / Библиотека ReactJS / Хостинг Firebase / инициализация firestore /

Я использую npm и понятия не имею, могут ли возможные исправления на основе пряжи что-нибудь сделать.Хотя я пытался, пока ничего не получалось.

** РЕДАКТИРОВАТЬ: Также попытался полностью удалить terser и установить оба Terser@3.14.1, а затем удалить его и установить Terser@3.16.1, чтобы проверить, если какой-либо изверсия работает.Нет разницы между версиями.Также попытался установить terser в качестве зависимости, как 3.14.1, так и 3.16.1.Ничего не работает.

Сборка невозможна только с этим проектом.Старые проекты строятся успешно.В настоящее время пытаюсь выяснить, что могло его вызвать.

Ответы [ 2 ]

1 голос
/ 21 сентября 2019

Я не знаю, КАК и ПОЧЕМУ, но у меня сработало следующее решение.У меня есть этот файл index.js с кодом, связывающим firebase с моей реакцией.Была такая строка: 

import { env } from './.env';

, которая позже используется в 

ReactDOM.render(<Provider store={store}><App env={env} /></Provider>, document.getElementById('root'));

Так что я только что закомментировал строку импорта и часть env={env}.НЕТ ИДЕИ, почему это сработало, и не понадобится ли мне это в будущем, но это решило проблему для меня.

0 голосов
/ 20 сентября 2019

Это должно быть решено в terser v3.16.1 - попробуйте обновить terser devDependency, поскольку вы находитесь на v3.14.1.

...