参考错误:localStorage未在Next.js中定义13

svdrlsy4  于 2023-08-04  发布在  其他
关注(0)|答案(1)|浏览(142)

我在我的next.js 13项目中出现了以下错误,请帮助我解决这个问题。

[1] - error src\redux\store.js (12:15) @ localStorage

个字符

这是它在我的终端中的样子


的数据

我的store.js文件

`import { createStore, combineReducers, applyMiddleware } from "redux";
import thunk from "redux-thunk";
import { composeWithDevTools } from "redux-devtools-extension";
import { rootReducer } from "./rootReducer";

const finalReducer = combineReducers({
  rootReducer,
});

const intialState = {
  rootReducer: {
    cartItems: localStorage.getItem("cartItems")
      ? JSON.parse(localStorage.getItem("cartItems"))
      : [],
  },
};

const middleware = [thunk];

const store = createStore(
  finalReducer,
  intialState,
  composeWithDevTools(applyMiddleware(...middleware))
);

export default store;`


请帮助我修复此错误

sqxo8psd

sqxo8psd1#

也许只是水合作用的问题window.localstorage是一个浏览器保留变量,但服务器不是。难道你不能给予服务器和浏览器都可以使用的默认值,然后一旦浏览器加载,你就更新变量吗?(例如使用useEffect)

相关问题