所以我正在尝试Next.Js 13，我得到了一些奇怪的行为与redux提供程序。而不是看到我的切片状态，我看到一些对象称为树，缓存，prefetchCache, pushRef, focusAndScrollRef，和canonicalUrl。无论如何，我对Next.JS也是相当陌生的。下面是我的设置:
// client/app/layout.tsx
import React from "react";
import Providers from "./providers";
'use client' // <-- tried with both use client and without
export default function RootLayout({ children }) {
return (
<html lang="en">
<head />
<body>
<Providers>
{children}
</Providers>
</body>
</html>
);
}
// client/app/providers.tsx
'use client'
import React from 'react'
import { Provider } from 'react-redux'
import {store} from '../src/redux/store'
const Providers = ({children}:React.PropsWithChildren) => {
return (
<Provider store={store}>
{children}
</Provider>
)
}
export default Providers
我遇到了同样的问题，这是nextJs的bug。您可以在这里找到更多信息:https://github.com/reduxjs/redux-toolkit/issues/3154
在redux工具的选项卡中，您将看到"next/router"在那里你会发现所有的对象，如树，缓存…如果你选择下一个选项卡，你会发现当前的nextjs商店。
确保像这样创建商店:
export function makeStore() {
return configureStore({
reducer: combineReducers({
search: searchReducer,
language: languageReducer
}),
devTools: true
});
}
export const store = makeStore();