React 应用程序生产构建显示 js 错误

Question

我使用 create-react-app 创建了一个客户端 React 应用程序。它与一个节点服务器运行连接一个 express api。在开发中，一切都运行良好，并准备好部署。

当运行ning 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

我一直在 Internet 上搜索，但找不到关于这里发生的事情的任何线索。大多数站点都在谈论构建过程中的错误或站点根本不显示，但这两者都不是。谷歌搜索错误似乎说这是一些 ES6 问题，但我运行ning firefox 73 所以我希望这方面没有问题。

作为额外信息，这是我第一次尝试部署 React。有趣的是，到目前为止，我只在本地完成了一些小项目运行，所以我很确定我在构建过程中遗漏了一些明显的东西。

任何帮助，关于在哪里循环的提示将不胜感激。谢谢！

Answer 1

回答我自己的问题。我想我只需要用漂亮的语法高亮重新阅读这个错误，因为文件名和行位置把我带到了正确的地方。

在我客户的 api 调用中，我将服务器 url 设置为：

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

但我的 example.com 尚未设置，因此错误来自无法连接到服务器。将 example.com 更改为本地主机并重新构建使一切正常。

React 应用程序生产构建显示 js 错误

React app production build shows js errors

javascript

deployment

npm

reactjs

react-scripts