pawtang Comments - Answer Overflow

pawtang

Posts Comments

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

First was server. Irrelevant

37 replies

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

"scripts": { "dev": "react-scripts start", "start": "serve build -s -n -L -p $PORT", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" },

37 replies

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

"scripts": { "test": "echo "Error: no test specified" && exit 1", "start": "node index.js", "run dev": "nodemon index.js" },

37 replies

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

Nice, I'm online, no web socket errors, client and server are happy. thanks.

37 replies

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

vs global

37 replies

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

Oh, serve should be installed in client folder yeah? or does it matter

37 replies

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

I'll give it a shot now

37 replies

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

Awesome 🙂 thanks again for the support.

37 replies

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

Yes

37 replies

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

Bear with me I'm honestly quite stupid. I don't know if it counts as a SPA if it's technically rendering all of this content in the single html page "index.html" or if the inclusion of a router that builds URLs dynamically means its not a SPA

37 replies

RRailway

•Created by pawtang on 5/24/2023 in #✋｜help

PERN Application with React Router -- WebSocket connection to 'xxx' failed:

const App = () => {
  return (
    <>
      <ToastManager />
      {/* <ToastManager toastStack={toastStack} /> */}
      <Routes>
        <Route path="/" element={<Landing />} />
        <Route path="about" element={<About />} />
        <Route path="contact" element={<Contact />} />
        <Route path="signup" element={<Signup />} />
        <Route path="login" element={<Login />} />
        <Route path="dashboard" element={<Dashboard />} />
        <Route path="suppliers" element={<ManagerSuppliers />} />
        <Route path="materials" element={<ManagerMaterials />} />
        <Route path="transactions" element={<ManagerTransactions />} />
      </Routes>
    </>
  );
};

ReactDOM.render(
  <BrowserRouter>
    <ToastProvider>
      <UserProvider>
        <App />
      </UserProvider>
    </ToastProvider>
  </BrowserRouter>,
  document.getElementById("root")
);

const App = () => {
  return (
    <>
      <ToastManager />
      {/* <ToastManager toastStack={toastStack} /> */}
      <Routes>
        <Route path="/" element={<Landing />} />
        <Route path="about" element={<About />} />
        <Route path="contact" element={<Contact />} />
        <Route path="signup" element={<Signup />} />
        <Route path="login" element={<Login />} />
        <Route path="dashboard" element={<Dashboard />} />
        <Route path="suppliers" element={<ManagerSuppliers />} />
        <Route path="materials" element={<ManagerMaterials />} />
        <Route path="transactions" element={<ManagerTransactions />} />
      </Routes>
    </>
  );
};

ReactDOM.render(
  <BrowserRouter>
    <ToastProvider>
      <UserProvider>
        <App />
      </UserProvider>
    </ToastProvider>
  </BrowserRouter>,
  document.getElementById("root")
);