Я получил сообщение об ошибке «Неожиданная ошибка приложения! 404 не найден», когда открыл localhost:3000/chunk в своем браузере.
Ниже приведен мой код для App.js:
function App() {
const { currentUser } = useContext(AuthContext);
const queryClient = new QueryClient();
const Layout = () => {
return (
<QueryClientProvider client = {queryClient}>
<div className = "page">
Layout
</div>
</QueryClientProvider>
);
};
const ProtectedRoute = ({ children }) => {
if (!currentUser) {
return <Navigate to = "/login" />;
}
return children;
};
const router = createBrowserRouter([
{
path: "/",
element: (
<ProtectedRoute>
<Layout />
</ProtectedRoute>
),
children: [
{
path: "/",
element: <Home />,
},
{
path: "/chunk/:id",
element: <Chunk />,
},
],
},
{
path: "/login",
element: <Login />,
},
{
path: "/register",
element: <Register />,
},
]);
return (
<div>
<RouterProvider router = {router} />
</div>
);
}
export default App;
Когда я открыл консоль в браузере, появилось сообщение об ошибке: «Нет маршрутов, соответствующих местоположению «/chunk»».





Сообщение об ошибке ясно указывает на проблему: в App.js у вас есть path: "/chunk/:id", но вы переходите к /chunk, который не определен. Поэтому «Нет маршрутов, соответствующих местоположению /chunk»
Из React Router
Динамические сегменты
Если сегмент пути начинается с
:, он становится «динамическим сегментом». Когда маршрут соответствует URL-адресу, динамический сегмент будет проанализирован из URL-адреса и предоставлен какparamsдругим API-интерфейсам маршрутизатора.
Если это динамическая страница, URL-адрес должен быть, например, /chunk/1.
Если это должна быть статическая страница, вам следует изменить "/chunk/:id" на "/chunk".
Можете ли вы создать стек блиц приведенного выше кода?