使用 Next js 14.0.1 设置 Redux 工具包
cho*_*oss 2 typescript reactjs react-redux redux-toolkit next.js13
在尝试在接下来的 14 中设置 reduxt 工具包时遇到了一些问题，如下所示。我已经按照几个 YouTube 视频和在线文章的确切步骤进行操作。但仍然被困在这里，因为我无法理解似乎是什么问题
当前端的 next 编译它时，我收到此错误
这是 store.ts 文件
小智 5
在 next.js 中，您必须 cr\xc3\xa9ate 提供程序文件，并将其导入以在布局中使用。\n如下所示：
\n// Providers.js\n 'use client';\nimport { Provider } from "react-redux";\nimport { store } from "./store";\nimport { Providers } from "@/Redux/provider"\n\nexport function Providers({ children }) {\n return <Provider store={store}>{children}</Provider>;\n}\n现在在您的layout.js中，导入并使用它：
\n import { Inter } from "next/font/google";\nimport "./globals.css";\nimport { Providers } from "@/Redux/provider"\n\n\nconst inter = Inter({ subsets: ["latin"] });\n\nexport const metadata = {\n title: "Your App",\n description: "This is a example for use redux in next.js versi\xc3\xb3n 13 >=",\n};\n\nexport default function RootLayout({ children }) {\n return (\n <Providers store={store}>\n <html lang="en">\n <body className={inter.className}>\n <Header />\n {children}\n </body>\n </html>\n </Providers>\n );\n}\n在示例中，我为设置和文件创建了一个 Redux 文件夹。
\n我希望能帮助你。=)
\n