问题标签 [next-redux-wrapper]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
66 浏览

reactjs - UnhandledPromiseRejectionWarning:TypeError:无法读取未定义的属性“调度”

当我尝试调度它给出的商店时如何解决此错误:

TypeError: nextCallback is not a function then UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'dispatch' of undefined。

index.js

0 投票
1 回答
223 浏览

next.js - 关于未找到状态且不可分配给类型的 next-redux-wrapper 的 Typescript 警告

我正在使用 next-redux-wrapper,我得到以下 2 种类型错误。有人遇到过这个问题,你是怎么解决的?除此之外,代码正在运行,我可以在我的 redux-devtools-extension 中看到我的状态。谢谢

0 投票
0 回答
130 浏览

reactjs - 在 redux 包装的 Nextjs 中的服务器端渲染页面期间访问 MongoDB

我正在探索 nextjs 示例with-redux-wrapper,他们展示了如何使用 redux-wrapper 和服务器端渲染创建 nextjs react 应用程序。

我想在请求时从 MongoDB 集合中加载一些数据。这可以使用客户端数据获取(例如使用 fetch/swr)轻松完成。但是,如果需求需要与页面本身一起加载数据,那么使用 NextJS 的服务器端呈现功能是有意义的。

请注意,NextJS 文档(本节底部的两个注释)建议不要进行本地api 调用以在内部使用 REST 获取数据,getServerSideProps()并建议在内部使用相同的后端 api 代码。

现在,如果我使用一个简单的 nextjs 应用程序并将 mongodb 连接/查询包装在 中getServerSideProps(),它会按预期工作。但是,当使用该with-redux-wrapper示例时,mongodb 库最终会强制客户端查找用于服务器端的库,从而导致以下错误:

我的困惑是:

  1. 死代码消除应该从客户端(源代码)删除用于服务器端渲染的代码。在这种情况下,mongo db 客户端在调用发起时不应该按预期工作getServerSideProps()吗?我什至用typeof window === 'undefined'检查来确保它只在服务器中执行。
  2. 当不使用 redux 时,整个体验都有效。为什么在使用 redux(-wrapper) 时会中断?如何修复?

PS 我知道我们可以使用 webpack 配置为丢失的库注入空库,但这似乎更像是一种 hack 而不是解决方案。我想知道这种方法有多安全/具体。

0 投票
0 回答
235 浏览

reactjs - next-redux-wrapper 函数:withRedux() 引发警告

我的项目正在使用 react,redux,next.js && next-redux-wrapper

我对下一个 js很陌生,我必须使用 next-redux-wrapper 将 redux 商店包装在整个应用程序中

一切都按预期工作,但我在控制台上收到警告。

有没有办法在下一个应用程序上使用全局 redux 商店而不会导致此警告上升?

_app.js

store.js

0 投票
1 回答
868 浏览

redux - 我已经在 next js 中使用 next-redux-wrapper 成功实现了 redux-persist

我从外部api获取数据并将其存储在reducer中。我使用redux-persist在从一个页面导航到另一个页面时保持状态。但是我已经将whiteList作为一个空数组,但所有状态都被持久化?需要帮忙

0 投票
1 回答
658 浏览

reactjs - next-redux-wrapper TypeError: nextCallback is not a function error in wrapper.getServerSideProps

TypeError: nextCallback is not a function尝试导出功能时出现错误wrapper.getServerSideProps

我的代码

导出时出现错误getServerSideProps

输出

0 投票
2 回答
649 浏览

reactjs - 错误:使用 UNSAFE_componentWillReceiveProps (NextJs / Redux)

今天我开始构建一个 Next.js 应用程序。我正在使用 Redux ( next-redux-wrapper) 来管理我的全局状态。(我还在使用 redux-persist 坚持一些减速器)。我刚刚实施redux-thunk并立即得到一个非常奇怪的错误。我真的不知道为什么会发生这个错误。我基本上只是做了设置,没有创建任何减速器(创建减速器后错误仍然存​​在)。这不是第一次,我做了同样的设置没有任何问题,但那一次我无法摆脱那个错误。

错误代码

警告:不建议在严格模式下使用 UNSAFE_componentWillReceiveProps,这可能表明代码中存在错误。有关详细信息,请参阅 https://reactjs.org/link/unsafe-component-lifecycles。***

  • 将数据获取代码或副作用移动到 componentDidUpdate。
  • 如果您在 props 更改时更新状态,请重构您的代码以使用 memoization ***技术或将其移动到静态 getDerivedStateFromProps。了解更多信息: https ://reactjs.org/link/derived-state 请更新以下组件:withRedux(MyApp)

如果您需要更多代码,请询问。我真的没有更多。也许package.json

_app.js

store.js

0 投票
1 回答
284 浏览

javascript - NextJS - 如何组合两个 getServerSideProps 包装器?

我正在使用next-iron-sessionandnext-redux-wrapper在我的 nextjs 客户端中。它们都要求我用它们各自的函数包装 getServerSideProps。有人知道,我如何链接包装器?

下一届铁杆会议(个人)

next-redux-wrapper(个人)

组合(无效)

TypeError:无法读取未定义的属性“ttl”

0 投票
0 回答
55 浏览

next.js - 类型错误:升级到 nextJs11 nextReduxWrapper 存储后,类型“NextPageContext”上不存在属性“存储”不起作用

当我升级到 NextJs11 时 next-redux-wrapper 商店不再工作,但使用 nextJs10 它工作得很好

当我尝试 npm run build 时,我收到此错误类型错误:“NextPageContext”类型上不存在属性“商店”。在这一行 ctx.store.dispatch(authSuccess(token)); 并且它不再识别 next-redux-wrapper 的存储

0 投票
1 回答
110 浏览

redux - next-redux-wrapper Wrapper.getStaticProps 无法使用

这是我的后端控制器,我正在获取房间数据

这是我正在发送有效负载和数据的 redux 操作

这是我的减速器功能,调度房间数据

在这里,我想使用 wrapper.getStaticProps 获取数据,但出现错误,但是当我使用 wrapper.getServerSideProps 时,我得到了数据。