问题标签 [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.
reactjs - UnhandledPromiseRejectionWarning:TypeError:无法读取未定义的属性“调度”
当我尝试调度它给出的商店时如何解决此错误:
TypeError: nextCallback is not a function then UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'dispatch' of undefined。
index.js
next.js - 关于未找到状态且不可分配给类型的 next-redux-wrapper 的 Typescript 警告
我正在使用 next-redux-wrapper,我得到以下 2 种类型错误。有人遇到过这个问题,你是怎么解决的?除此之外,代码正在运行,我可以在我的 redux-devtools-extension 中看到我的状态。谢谢
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 库最终会强制客户端查找用于服务器端的库,从而导致以下错误:
我的困惑是:
- 死代码消除应该从客户端(源代码)删除用于服务器端渲染的代码。在这种情况下,mongo db 客户端在调用发起时不应该按预期工作
getServerSideProps()
吗?我什至用typeof window === 'undefined'
检查来确保它只在服务器中执行。 - 当不使用 redux 时,整个体验都有效。为什么在使用 redux(-wrapper) 时会中断?如何修复?
PS 我知道我们可以使用 webpack 配置为丢失的库注入空库,但这似乎更像是一种 hack 而不是解决方案。我想知道这种方法有多安全/具体。
reactjs - next-redux-wrapper 函数:withRedux() 引发警告
我的项目正在使用 react,redux,next.js && next-redux-wrapper
我对下一个 js很陌生,我必须使用 next-redux-wrapper 将 redux 商店包装在整个应用程序中
一切都按预期工作,但我在控制台上收到警告。
有没有办法在下一个应用程序上使用全局 redux 商店而不会导致此警告上升?
_app.js
store.js
redux - 我已经在 next js 中使用 next-redux-wrapper 成功实现了 redux-persist
我从外部api获取数据并将其存储在reducer中。我使用redux-persist在从一个页面导航到另一个页面时保持状态。但是我已经将whiteList作为一个空数组,但所有状态都被持久化?需要帮忙
reactjs - next-redux-wrapper TypeError: nextCallback is not a function error in wrapper.getServerSideProps
TypeError: nextCallback is not a function
尝试导出功能时出现错误wrapper.getServerSideProps
。
我的代码
导出时出现错误getServerSideProps
。
输出
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
javascript - NextJS - 如何组合两个 getServerSideProps 包装器?
我正在使用next-iron-session
andnext-redux-wrapper
在我的 nextjs 客户端中。它们都要求我用它们各自的函数包装 getServerSideProps。有人知道,我如何链接包装器?
下一届铁杆会议(个人)
next-redux-wrapper(个人)
组合(无效)
TypeError:无法读取未定义的属性“ttl”
next.js - 类型错误:升级到 nextJs11 nextReduxWrapper 存储后,类型“NextPageContext”上不存在属性“存储”不起作用
当我升级到 NextJs11 时 next-redux-wrapper 商店不再工作,但使用 nextJs10 它工作得很好
当我尝试 npm run build 时,我收到此错误类型错误:“NextPageContext”类型上不存在属性“商店”。在这一行 ctx.store.dispatch(authSuccess(token)); 并且它不再识别 next-redux-wrapper 的存储
redux - next-redux-wrapper Wrapper.getStaticProps 无法使用
这是我的后端控制器,我正在获取房间数据
这是我正在发送有效负载和数据的 redux 操作
这是我的减速器功能,调度房间数据
在这里,我想使用 wrapper.getStaticProps 获取数据,但出现错误,但是当我使用 wrapper.getServerSideProps 时,我得到了数据。