Блог

Главная - Вопросы по программированию - Проблемы с развертыванием Firebase с использованием коммутатора и react-router-dom

Проблемы с развертыванием Firebase с использованием коммутатора и react-router-dom

#reactjs #firebase #react-router #components #stackblitz

#reactjs #firebase #react-router #Компоненты #stackblitz

Вопрос:

У меня есть приложение, и я не могу выполнить развертывание в Firebase, когда добавляю эту строку в код:

  <Switch>
      <Route path='/:name' component={Business} />
 </Switch>

Данные отображаются идеально, если я вижу их в моем редакторе онлайн Stackblitz или localhost, но я не могу развернуть только из-за этого.

Вот стандартный код приложения:

 import React from 'react';
import { Switch, Route } from 'react-router-dom';
import Business from './pages/business';

function App() {
  return (
    <Switch>
      <Route path='/:name' component={Business} />
    </Switch>
  );
}

export default App;

Я могу развернуть, если я изменю часть коммутатора и маршрута, например:

    <div>  
      <h4>Hello World!</h4>
      <p>Start editing to see some magic happen :)</p>
   </div>

Поэтому я думаю, что должна быть несовместимость с Firebase. Есть идеи?

Панель Stackblitz застряла, как показано на картинке.введите описание изображения здесь

[! [введите описание изображения здесь][2]][2]

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

1. Что вы подразумеваете под «я не могу развернуть только из-за этого»? Какой результат вы получаете от firebase-tools?

2. Я делаю это из редактора Stackblitz. Я только что загрузил картинку. Он застревает на «развертывании firebase».

3. Если я удалю <Switch> <Route path=’/:name’ component={Business} /> </Switch> , он будет развернут очень быстро.

4. ОК. Есть ли какие-либо дополнительные выходные данные?

5. Может быть, Firebase отклоняет приложение из-за какой-то проблемы с отладкой? Я так не думаю. Я подключил вывод консоли, но процесс развертывания больше ничего не выводит.

Ответ №1:

Решайте! избегайте использования Stackblitz для развертывания,