#No routes matched location

1 messages · Page 1 of 1 (latest)

halcyon rose
#

Hey, no matter what I do I always get a white page. This is my code:
index.js

import React from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter as Router } from "react-router-dom";

import App from './App';

import './index.css';

const root = ReactDOM.createRoot(document.getElementById("Project"));
root.render(
    <React.StrictMode>
        <Router>
            <App />
        </Router>
    </React.StrictMode>
);

App.js

import React from "react";

import { Provider } from "react-redux";
import { Route, Routes } from "react-router-dom";

import AuthView from './views/Auth';
import DashboardView from "./views/Dashboard";

import configureStore from "./store";

export default function App() {
    const store = configureStore();

    return (
        <Provider store={store}>
            <Routes>
                <Route exact path="/" element={<AuthView />} />
                <Route path="/dashboard" element={<DashboardView />} />
            </Routes>
        </Provider>
    )
}
image.png
halcyon rose
#

I still have the problem. Does anyone have an idea?

halcyon rose
# 
import React from "react";
import ReactDOM from "react-dom/client";
import {
    createBrowserRouter,
    RouterProvider,
    Route,
    Link,
} from "react-router-dom";

import App from './App';

import './index.css';
import AuthView from "./views/Auth";
import DashboardView from "./views/Dashboard";

const router = createBrowserRouter([
    {
      path: "/",
      element: <div>Hello world!</div>,
    },
]);
    
ReactDOM.createRoot(document.getElementById("root")).render(
    <React.StrictMode>
      <RouterProvider router={router} />
    </React.StrictMode>
);
#

Even the example throws an error

velvet cedar
#

You need to use a dev server.

#

You're just trying to open the index.html file, so the URL path your web app sees is "/C:/Users/" etc., which doesn't match your app. If you use a dev server, the URL path will be just "/" and your routes will work.