redux-async-actions 相关问题


“在‘redux’中找不到导出‘createStore’

./node_modules/@redux-saga/core/dist/redux-saga-core.esm.js 中的警告 1343:21-28 “在‘redux’中找不到导出‘compose’ @ ./node_modules/redux-saga/dist/redux-saga-core-npm-proxy.esm.js ...


嵌套 useFetch 导致 Nuxt 3 中的 Hydration 节点不匹配

在 Nuxt 3 页面内,我通过从 pinia 存储调用操作来获取帖子数据: {{ 发布数据 }} {{ 帖子内容... 在 Nuxt 3 页面内,我通过从 pinia 商店调用操作来获取帖子数据: <template> <div v-if="postData && postContent"> {{ postData }} {{ postContent }} </div> </template> <script setup> const config = useRuntimeConfig() const route = useRoute() const slug = route.params.slug const url = config.public.wpApiUrl const contentStore = useContentStore() await contentStore.fetchPostData({ url, slug }) const postData = contentStore.postData const postContent = contentStore.postContent </script> 那是我的商店: import { defineStore } from 'pinia' export const useContentStore = defineStore('content',{ state: () => ({ postData: null, postContent: null }), actions: { async fetchPostData({ url, slug }) { try { const { data: postData, error } = await useFetch(`${url}/wp/v2/posts`, { query: { slug: slug }, transform(data) { return data.map((post) => ({ id: post.id, title: post.title.rendered, content: post.content.rendered, excerpt: post.excerpt.rendered, date: post.date, slug: post.slug, })); } }) this.postData = postData.value; if (postData && postData.value && postData.value.length && postData.value[0].id) { const {data: postContent} = await useFetch(`${url}/rl/v1/get?id=${postData.value[0].id}`, { method: 'POST', }); this.postContent = postContent.value; } } catch (error) { console.error('Error fetching post data:', error) } } } }); 浏览器中的输出正常,但我在浏览器控制台中收到以下错误: entry.js:54 [Vue warn]: Hydration node mismatch: - rendered on server: <!----> - expected on client: div at <[slug] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <Anonymous key="/news/hello-world()" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/news/hello-world', hash: '', query: {…}, name: 'news-slug', path: '/news/hello-world', …} ... > at <RouterView name=undefined route=undefined > at <NuxtPage> at <Default ref=Ref< undefined > > at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" > at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... > at <NuxtLayout> at <App key=3 > at <NuxtRoot> 如何解决这个问题? 我尝试在 onMounted 中获取帖子数据,但在这种情况下 postData 和 postContent 保持为空 onMounted(async () => { await contentStore.fetchPostData({ url, slug }) }) 您可以使用 ClientOnly 组件来消除该警告。请参阅文档了解更多信息。 该组件仅在客户端渲染其插槽。


TypeScript Redux 在刷新页面时丢失状态

redux/reducer/cartReducer.ts 从“@reduxjs/toolkit”导入{createSlice,PayloadAction}; 从“../../types/reducer-types”导入{ CartReducerInitialState }; 导入 { 购物车项目,


为什么 Context API 在高频更新方面比 Redux 差?

我看到很多文章说Redux比高频更新在性能上比Context API更好,但没有具体说明原因。 是什么让人们说 Redux 比 Context API 更好......


React store.getState 不是一个函数

这是我的代码: 商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}; 从“不可变”导入{fromJS}; 从“react-router-redux”导入{routerMiddleware}; 导入createSagaMidd...


自托管的 GitHub Actions Runner 可以在托管 GitHub Runner 的同一台计算机上部署应用程序吗?

我目前正在尝试使用在 Ubuntu VM 上运行的自托管 GitHub Actions Runner 来配置启用了 GitHub Actions 的 GitHub 存储库。 我想将我的应用程序部署到...


如何使用 redux tollkit 修复 Next 14 中的错误“请确保组件包裹在 <Provider> 中”?

我很难让 Next.js 14 与 Redux Provider 一起使用。我按照 Redux 官方文档上的所有说明进行操作,但我不断收到此错误: 错误:找不到反应-...


使用包装器时从非函数组件调用 React-Redux 调度函数

我有一个 React-Redux 存储,它包装在 next-redux-wrapper 中。我想在 React 组件之外调度一个函数,但由于包装器的原因我无法这样做。有办法导入吗


使用包装器时从非功能组件调用 React-Redux Dispatch 函数

我确实有一个react redux store,它包装在next-redux-wrapper中。我想在 React 组件之外调度一个函数,但由于包装器的原因我无法这样做。有没有办法让我...


Redux 工具包解析非 JSON 响应时出错

我正在尝试 redux 工具包,目前有以下切片和突变: 导出 const apiSlice = createApi({ 减速器路径:“api”, 基本查询: fetchBaseQuery({ 基本网址:“


React-Redux useSelector typescript type for state

我正在使用 React-Redux 中的 useSelector(state => state.SLICE_NAME) 挂钩,但是我在定义状态参数时遇到了困难。它默认设置为未知,因此当我尝试时会收到错误...


如何在 cypress-io/github-actions 测试期间更改 baseURL

我正在尝试使用 Github Actions 运行我的 Cypress 测试。我已完成所有设置,但我遇到了在 GitubActions 过程中设置然后传递给 Cypress 的 baseURL 变量的问题。在我的


如何在 RTL 测试中使用 React Redux useDispatch 钩子?

我想在使用 redux 调度后测试 React 组件。我正在使用“test-utils.ts”文件中的自定义渲染函数: 从 'react' 导入 { ReactElement } 导入{渲染,渲染O...


使用 Github Actions 恢复 Azure DevOps 中托管的私有 Nuget 包失败

我有一个 .NET 项目,它使用托管在 Azure DevOps 中的私有 Nuget 包。我有一个 Github Actions 工作流程,它使用个人访问令牌注册私人提要,并恢复


GitHub Actions:如何通过 API 访问当前构建的作业日志?

我想通过nodejs后端从Github Actions获取当前工作流程的作业日志。我知道 Github 提供了一个 API,可以访问有关工作流程的信息,如下所示: 获取/repos/{拥有...


如何解决加载响应数据失败:未找到具有给定标识符的资源的数据

发布API 导出 const resendInvitation = async (userName) => { wait API.post( 'delta-api',user-mgmt/users/${userName}/resendInvitation, {} ); }; const handleResendInvitation = async () =>...


我如何从react-redux中的api调用的数据中过滤值

我正在使用react和redux从API调用中获取数据,现在我创建了一个新变量并为其分配了相同的数据。在代码中,我将操作这个名为


Powershell:Github Actions 与 Gitub Codespace 的不同行为(找不到类型:验证包含此类型的程序集是否已加载)

我需要在 Github Actions 工作流程中构建和使用这个 NET8 crypto.dll 类库。但看在上帝的份上,我无法让它与 Powershell(核心)一起工作。 运行程序在 Ubuntu VM 上运行...


使用 Redux 和 Typescript,如何正确键入“mapStateToProps”函数以仅允许通过状态传递 3 个参数中的 2 个?

我正在将 React 18 与 Redux 8 和 Typescript 结合使用。我想创建一个组件,允许调用者传入其中一个参数,但其他两个参数是从状态派生的。所以我创建了


如何使用 GitHub Actions 工作流程调用 PowerShell 脚本?

我正在调用 uild.ps1,它似乎挂起: https://github.com/nblockchain/ZXing.Net.Xamarin/runs/232358091 我需要一些特别的东西吗?在 AzureDevOps 中,这是开箱即用的。


onDidReceiveBackgroundNotificationResponse 在颤振本地通知中未触发

这是我的void main函数: Future RemoteMessageHandler(RemoteMessage 消息) async {} 无效 main() 异步 { WidgetsFlutterBinding.ensureInitialized(); 等待 Firebase.initializeA...


在 Github Actions 上配置工作流程摘要

我想为我的 Github Action 工作流程配置自定义摘要,类似于 RollingVersions 的做法。在查看了文档并搜索了互联网之后,这似乎并不是那么......


GitHub Actions:JIB maven 插件中出现错误 401 未经授权

简介 我目前正在创建一个复合 GitHub Actions,它使用 JIB 从 Java 项目构建一个容器,并将其自动发布到 GitHub Packages 和 Maven Central。 有问题的 乙...


Typescript 无法与 tsconfig.json 一起使用

在项目中使用 tsconfig 运行 tsc --watch 时,出现以下错误。 它需要 Node js 中的 React 和 Redux 类型。 错误 TS2688:找不到“abstract-leveldow...”的类型定义文件...


如何创建松果客户端,它给出错误

存在于松果.ts 中 从 '@pinecone-database/pinecone' 导入 { PineconeClient } 导出 const getPineconeClient = async () => { const client = new PineconeClient() 等待客户。


在操作中检测到不可序列化的值(redux-toolkit)

在store中action的payload中,我使用File类型存储下载的文件,然后该文件将在saga中通过验证 const form = new FormData(); if (私钥 &&


反应单元测试“不是函数”对象。<anonymous>

努力为使用 redux/sagas 的文件编写一些单元测试。 app.tsx 文件看起来像这样 从 'react' 导入 React, { StrictMode } 从'react-dom'导入ReactDOM 导入 { Provider } f...


秘密在 GitHub Actions 工作流程中不可用

我在存储库设置下添加了秘密变量。这是我的目标: 从秘密中读取变量 注入环境以便应用程序可以读取它。 问题: 秘密效果很好...


AWS Lambda 层大小超出连续构建时的问题

我正在使用无服务器框架将代码部署到 AWS Lambda。我正在将 GitHub Actions 用于我的 CI/CD 管道。我还使用 Lambda Layers 来存储我的依赖项。管道成功...


从discord js中的嵌入数组中获取项目

所以我使用此代码获得了交互嵌入: client.on('interactionCreate', async (interaction) => { if (!interaction.isButton()) 返回; const raidembed = 交互.消息.嵌入 ...


升级到 React 18 后 React App 未渲染

`我的 React 应用程序运行良好,但升级到 React 18、mui v5 和 redux v5 后,它没有渲染任何内容。 在终端中,我得到: webpack 编译成功 但在 chrome 控制台中...


如何使用Jest函数的动态替换?

我有一系列这样的测试用例: it('应该禁用渲染按钮', async () => { 使成为(...); const 按钮 = screen.getByRole("按钮"); 期待(按钮).toBeDi...


在 Caml Async 中等待 Writer.write 完成

我有以下简单的 OCaml 异步作业,该作业应该写入文件并终止进程。 Unix.openfile "foobar" ~mode:[`Creat;`Rdwr] >>= 有趣的 fd -> 让 wr = Writer.cre...


拉取合并之前的单元测试无法连接到数据库

我已经设置了一个 GitHub Actions 工作流程,在将功能分支合并到 Laravel 应用程序的主分支之前运行 名称:合并前测试 在: 拉请求: 分支:[主要] 工作: 你...


NestJS 8 - 无需构造函数即可注入服务

我正在尝试使用 ConfigModule 加载配置,如下所示 ConfigModule.forRoot({ 忽略EnvFile:真, 是全局的:正确的, 加载:[async () =>等待 fetchConfig(new


当随后发生多个提交并被取消时,待处理的 GitHub Actions 作业会如何表现?

目前我们的工作流程是在推送部署时触发的: 并发:产品 在: 推: 工作: 测试部署: 环境:产品 测试部署作业需要手动批准并且......


office 插件中的 Redux DevTools

我正在开发一个使用 Angular 15 的 Excel 插件,在 Angular 应用程序中,我刚刚添加了 @ngrx/store。我也将开发工具添加到了模块中。我注意到 Excel 使用 Edge 来运行该加载项。


使用 WebSocket 和 React 构建通知面板时的推荐方法

我正在使用 websocket 和 React 构建一个通知面板。我应该使用 redux 工具包还是 useContext 来管理 Websocket 的集中位置?或者还有其他建议的方法吗...


为什么 File.ReadAllLinesAsync() 会阻塞 UI 线程?

这是我的代码。读取文件行的 WPF 按钮的事件处理程序: private async void Button_OnClick(对象发送者, RoutedEventArgs e) { Button.Content = "正在加载..."; 变种


使用(首选)直接工作负载身份联合部署 GCP App Engine 和 GitHub Actions

我有一个应用程序,已使用 gcloud 应用程序部署从本地工作站成功部署。 我现在正在尝试设置 GitHub Action 以在推送时执行此操作。 参考资料是什么...


重用 GitHub Actions 中可重用工作流程存储库中的机密

在我们的项目上下文中,我们需要使用包含可重用工作流程的存储库中的秘密,而不是调用者,因为我们不与调用者(我们的客户)共享它。 用例看起来...


如何在 Redux Saga 中使用 React Hook?

我正在为我的应用程序设置语言。但我有一个问题。 我使用 React.useContext() 来设置语言。但是当我在 saga 的 toast 中修复它时,它会记录: [错误:无效的挂钩调用。 Hooks 只能在 ins 中调用...


Django-channels 实例关闭时间过长而被杀死

谁能告诉我可能是什么问题? 警告应用程序实例 谁能告诉我可能是什么问题? 警告应用程序实例 wait_for=> 连接 关闭时间过长并被终止。 我的阿斯吉 "^subscription", channels_jwt_middleware(MyConsumer.as_asgi(schema=schema)) ) application = ProtocolTypeRouter({ "http": django_asgi_app, "websocket": QueryAuthMiddleware( URLRouter([ subscription_url, ]) ), })``` my custom MyConsumer ```class MyConsumer(GraphQLWSConsumer): def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.profile_id = None async def __call__(self, scope, receive, send): user = scope.get("user", None) time_zone = await get_current_timezone(user) self.profile_id = scope.get("active_profile_id", None) self.timezone = time_zone if time_zone else settings.TIME_ZONE await super().__call__(scope, receive, send) async def connect(self): await super().connect() await change_status(True, self.profile_id) async def disconnect(self, close_code, *args, **kwargs): await super().disconnect(close_code) await change_status(False, self.profile_id)``` 解决我的问题 daphne -b 0.0.0.0 -p $SERVER_PORT --application-close-timeout 60 --proxy-headers server.asgi:application


此悬念边界在完成水合之前收到了更新。 React Native、Expo 路由器、Redux、Supabase

在 Expo 上启动开发服务器,在 localhost:8081 上的浏览器上打开,期望应用程序呈现,但出现错误: 这个悬念边界在完成水合之前收到了更新。这...


使用 async/await 获取 firebase.auth().currentUser

我成功使用 onAuthStateChange 观察者检查用户的身份验证状态并将用户重定向到仪表板页面(react-native 项目)。然而,在仪表板上我已经想展示一些......


使用 OCaml Async 进行并发写入

我正在从网络读取数据,我想在收到数据时将其写入文件。写入是并发且非顺序的(想想 P2P 文件共享)。在 C 中,我会得到一个文件描述符......


错误无法正确处理并导致我的应用程序崩溃

所以我使用express-async-handler来处理异步函数,它应该在抛出错误后自动添加next(),但由于某种原因它看起来没有。 这是我的功能


用于等待两个 async let 返回类型 void 的简洁语法

Swift 中的两个异步函数应该同时启动,然后在某个时刻等待。我已经找到了一个解决方案,但我对语法并不是 100% 满意。我想写


如何在React Native Vision Camera中更改照片的宽度和高度或裁剪它?

我只是想获得一个方形图像并尽可能减小图像的尺寸,同时保持图像文本清晰。 这是我的尝试,但它不起作用。 const capturePhoto = async () =>...


Vue3 的 onMounted 钩子中带有异步的 Pinia 方法未同步执行 - 我错过了什么?

我在 onMounted 钩子中使用了 async 和 pinia 方法,不会同步执行代码。 当我尝试查看 {{ store }} 时,它不显示任何内容。请让我知道出了什么问题。比...


© www.soinside.com 2019 - 2024. All rights reserved.