NextJs 15: Произошла ошибка страницы предварительного Ренденрирования с установленным Redux ToolkitJavascript

Форум по Javascript
Ответить
Anonymous
 NextJs 15: Произошла ошибка страницы предварительного Ренденрирования с установленным Redux Toolkit

Сообщение Anonymous »

Я создал приложение NextJS 15, и у меня используется Redux Toolkit. Когда я запускаю сборку, он бросает ошибку < /p>

Код: Выделить всё

Error occurred prerendering page "/_not-found". Read more: https://nextjs.org/docs/messages/prerender-error
Error: Failed to fetch data
at i.execute (/Users/vishnucr/Projects/mise811-sales/.next/server/app/_not-found/page.js:1:3366)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async /Users/vishnucr/Projects/mise811-sales/.next/server/app/_not-found/page.js:1:3955
Export encountered an error on /_not-found/page: /_not-found, exiting the build.
⨯ Static worker exited with code: 1 and signal: null
< /code>
Я нашел, что магазин, созданный для Redux Store, является проблемой, возможно, я сделал это неправильно. Ниже приведена структура приложения. Он использует Assuster.import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import Launch from "./launch";

const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});

const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});

export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};

export default function RootLayout({
children,
}: Readonly) {
return (


{children}


);
}

launch.tsx

Код: Выделить всё

import React from "react";
import StoreProvider from "@/lib/store/providers/storeProvider";

interface LaunchProps {
children: React.ReactNode;
}

const Launch = ({ children }: LaunchProps) => {
/* fetch sales and populate */
return {children};
// return children;
};

export default Launch;

storeprovider.tsx

Код: Выделить всё

"use client";
import { useRef } from "react";
import { Provider } from "react-redux";
import { makeStore, AppStore } from "@/lib/store/store";

export default function StoreProvider({
children,
}: {
children: React.ReactNode;
}) {
const storeRef = useRef(undefined);
if (!storeRef.current) {
// Create the store instance the first time this renders
storeRef.current = makeStore();
}

return 
{children};
}

Если я удалил поставщика магазина и возвращает {дети} , сборка будет создана.
Что я здесь делаю неправильно , это то, как магазин должен использоваться в NextJs?

Подробнее здесь: https://stackoverflow.com/questions/794 ... -installed
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»