Приложение React, развернутое на heroku, немедленно завершает работу с кодом=H10

#node.js #reactjs #heroku

Вопрос:

У меня действительно есть эта ошибка (функция (экспорт, требуется, модуль, __имя файла, __имя файла) { импорт реакции из ‘react’; ^^^^^^

Синтаксическая ошибка: Неожиданный импорт токена

а затем он выходит из строя heroku[маршрутизатор]: at=код ошибки=H10 desc=»Приложение разбилось» метод=ПОЛУЧИТЬ путь=»/»

Комментарии:

1. Как выглядит ваша конфигурация babel? Похоже, что ваши import заявления не были перенесены на require .

2. У меня нет такого файла. Это сработало локально, а затем, когда я получил эту ошибку, я обновил локальный узел, и теперь у меня такая большая ошибка также локальная. «зависимости»: { «вавилон-cli»: «^6.26.0», «вавилон-ядро»: «^6.0.20», «вавилон-загрузчик»: «^6.0.1», «вавилон-предустановка-es2015»: «^6.0.15», «вавилон-предустановка-реакция»: «^6.0.15», «вавилон-предустановка-этап-0»: «^6.0.15», «jwt-декодировать»: «^3.1.2», «реагировать»: «^17.0.2», «webpack»: «^1.9.6», «webpack-dev-промежуточное программное обеспечение»: «^1.2.0», «webpack-горячее промежуточное программное обеспечение»: «^2.0.0» },

3. обновите все. все еще не работает. это была большая ошибка-использовать react и es5. он такой нестабильный!!!!!! «Зависимости от разработчиков»: { «@babel/core»: «^7.0.0»,

Ответ №1:

Решение: У меня есть старый узел на моем локальном. И не вошел в пакет.json версии, он работал локально, чем разбился на Heroku. Поэтому я обновил локальный и, наконец, разбился локально. Что я сделал: создал новое приложение. создать-реагировать-приложение привет-мир

тогда измените мой index.js чтобы

ReactDOM.рендеринг(

   <React.StrictMode>
    <PostRequest />
  </React.StrictMode>,
  document.getElementById('root')
);

instead of   React.render(<PostRequest />, document.getElementById("root"));