React 应用程序在 localhost 上运行，但在 github 或 heroku 上部署时出错。部署时没有错误

Question

我创建了一个反应应用程序来显示不同国家/地区的电晕感染情况。这在我的本地主机上工作，但是当我在 github 或 heroku 上部署它时，会产生错误。以下错误在块引用中给出。当我检查文件 country.js 时查看错误，没有 n[0]。请帮助下面是托管应用程序和应用程序 github 存储库的链接。

类型错误：“n[0] 未定义” E 国家.js:13 E 国家.js:11 反应 7 不稳定的runWithPriority scheduler.production.min.js:19 反应 6 一个 App.js:22 你 runtime.js:45 _invoke runtime.js:274 t runtime.js:97 r asyncToGenerator.js:3 asyncToGenerator.js:25 反应-dom.production.min.js:209:194 反应 5 不稳定的runWithPriority scheduler.production.min.js:19 反应 4 不稳定的runWithPriority scheduler.production.min.js:19 反应 6 一个 App.js:22 你 runtime.js:45 _invoke runtime.js:274 t runtime.js:97 r asyncToGenerator.js:3 asyncToGenerator.js:25 类型错误：n[0] 未定义 country.js:13:30

​ this is link to hosted app on heroku 和 this is link to app hosted on Github

This is github repository

Answer 1

我检查了您的网站，它给出了以下错误：

react_devtools_backend.js:6 TypeError: Cannot read property 'Afghanistan' of undefined
    at country.js:13
    at Array.map (<anonymous>)
    at E (country.js:11)
    at Ki (react-dom.production.min.js:153)
    at Fo (react-dom.production.min.js:175)
    at va (react-dom.production.min.js:263)
    at cu (react-dom.production.min.js:246)
    at au (react-dom.production.min.js:246)
    at Za (react-dom.production.min.js:239)
    at react-dom.production.min.js:123

因此，您必须共享该文件的代码。

Answer 2

作为stated by Dishant Desai，它给出了一个TypeError。为了修复它， 您可以从

更改country.js 中的代码

const countryflag = Object.keys(data).map((name) => {
    return data[name][0];
})

到

const countryflag = data[0];

并直接这样使用：

${countryflag[country[0]]}