Реагирует приложение, работающее на localhost, но выдающее ошибку при развертывании на github или heroku. Нет ошибок при развертывании - PullRequest
Новая
       33

Реагирует приложение, работающее на localhost, но выдающее ошибку при развертывании на github или heroku. Нет ошибок при развертывании

0 голосов
/ 30 марта 2020

Я создаю приложение реакции, чтобы показать коронную инфекцию в разных странах. Это работает на моем локальном хосте, но при развертывании его на github или heroku выдается ошибка. ниже приведена ошибка в цитате. Глядя на ошибку, когда я проверяю файл страна. js нет n [0] . Пожалуйста, помогите ниже - ссылка на размещенное приложение и github-репозиторий приложения.

Ошибка типа: "n [0] не определено" E страна. js: 13 E страна. js: 11 React 7 unstable_runWithPriority scheduler.production.min. js: 19 React 6 a App. js: 22 u runtime. js: 45 _invoke runtime. js: 274 t runtime. js: 97 r asyncToGenerator . js: 3 a asyncToGenerator. js: 25 response-dom.production.min. js: 209: 194 React 5 unstable_runWithPriority scheduler.production.min. js: 19 React 4 unstable_runWithPriority scheduler.production. мин. js: 19 React 6 a App. js: время выполнения 22 u. js: 45 _ время вызова. js: время выполнения 274 т. js: 97 r asyncToGenerator. js: 3 a asyncToGenerator. js: 25 Ошибка типа: n [0] не определена страна. js: 13: 30

это ссылка на размещенное приложение на heroku и это ссылка на приложение, размещенное на Github

Это репозиторий github

Ответы [ 2 ]

1 голос
/ 30 марта 2020

Как указано Дишан Десаи , это дает ошибку типа TypeError. Чтобы исправить это, вы можете изменить код в country.js с 

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

на 

const countryflag = data[0];

и использовать его напрямую следующим образом: 

${countryflag[country[0]]}
0 голосов
/ 30 марта 2020

Я проверил ваш сайт, и он выдает следующую ошибку: 

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

Итак, для этого вы должны поделиться кодом этого файла.

...