Реактивная сборка приложения показывает js ошибок - PullRequest
Новая
       45

Реактивная сборка приложения показывает js ошибок

0 голосов
/ 16 февраля 2020

Я создал приложение реакции клиента, используя create-react-app. Он общается с сервером узла, на котором работает express API. В разработке все работает отлично и готовится к развертыванию.

При запуске npm run build я тоже не получаю никаких ошибок, все, кажется, работает отлично. Когда сборка завершается, он предлагает запустить serve -s build, я делаю это и перехожу к своему localhost: 5000, появляются первые console.logs из моего приложения, но затем я неожиданно выкидываю, казалось бы, простую javascript ошибку: 

TypeError: "e.forEach is not a function"
    me InboundTab.js:27
    me InboundTab.js:36
    React 7
    unstable_runWithPriority scheduler.production.min.js:270
    React 5
    getArrivals ArrivalState.js:39
    l runtime.js:45
    _invoke runtime.js:264
    t runtime.js:98
    l runtime.js:45
    t runtime.js:137
    t runtime.js:147
react-dom.production.min.js:4636:12
    React 5
    unstable_runWithPriority scheduler.production.min.js:270
    React 4
    unstable_runWithPriority scheduler.production.min.js:270
    React 5
    getArrivals ArrivalState.js:39
    l runtime.js:45
    _invoke runtime.js:264
    t runtime.js:98
    l runtime.js:45
    t runtime.js:137
    t runtime.js:147

Я искал по всему rnet, но не могу найти никаких подсказок о том, что здесь происходит. Большинство сайтов говорят об ошибках в процессе сборки или о том, что сайт вообще не отображается, но это не так. Похоже, ошибка в Google говорит о том, что это какая-то проблема ES6, но я запускаю firefox 73, поэтому я не ожидаю проблем на этом фронте.

В качестве дополнительной информации я впервые пытаюсь развернуть реакцию. , Достаточно забавно, что до сих пор я выполнял только небольшие проекты, работающие локально, поэтому я почти уверен, что упускаю что-то очевидное в процессе сборки.

Любая помощь, советы о том, где l oop, будет наиболее цениться. , Спасибо!

1 Ответ

0 голосов
/ 16 февраля 2020

Отвечая на мой собственный вопрос. Я думаю, мне просто нужно было перечитать эту ошибку с приятной подсветкой синтаксиса, потому что имя файла и расположение строки перенесли меня в нужное место.

При вызовах API моего клиента я настраивал URL-адрес сервера как: 

const API_SERVER =
  process.env.NODE_ENV === "development"
    ? "http://localhost:4200"
    : "http://example.com";

, но мой example.com еще не настроен, поэтому ошибка возникла из-за невозможности связаться с сервером. Изменение example.com на localhost и восстановление работоспособности.

...