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

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

При запуске npm run build у меня тоже никаких ошибок не возникает, вроде все работает отлично. Когда сборка завершается, предлагается запустить serve -s build , я делаю это и перехожу к моему локальному хосту: 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

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

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

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


reactjs npm deployment javascript react-scripts
person keponk    schedule 16.02.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

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

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

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

person keponk    schedule 16.02.2020