Firebase Deploy problems using Switch and react-router-dom

Question

I have an App and I can not deploy to Firebase when I add this line to the code:

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

The data is rendering perfectly if I see it on my editor online Stackblitz or localhost, but I cannot deploy just because of that.

Here is the standard App code:

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;

I can deploy if I change the Switch and Route part to for example:

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

So I think must be an incompatibility with Firebase. Any Idea?

The Stackblitz panel stuck like the picture attached.

[![enter image description here][2]][2]

What do you mean by "i cannot deploy just because of that" ? What output do you get from firebase-tools ? — Martial Anouman, Nov 18 '20 at 11:48
I am doing it from Stackblitz editor. I just uploaded a picture. It gets stuck on "firebase deploy". — Agustin Rodrigues, Nov 18 '20 at 12:18
Maybe Firebase Rejects the App for some Debug problem? I don't think so. I have attached the console output, but the deploy process does not output anything else. — Agustin Rodrigues, Nov 18 '20 at 13:20
Try to re-create the project locally and push it to firebase — Martial Anouman, Nov 18 '20 at 13:23

score 0 · Accepted Answer · answered Nov 18 '20 at 20:44

0

Solve! avoid using Stackblitz for deploying,

answered Nov 18 '20 at 20:44

Agustin Rodrigues

63
1
2
11

Firebase Deploy problems using Switch and react-router-dom

1 Answers1