0

我正在使用 RTK 查询通过“useGetUserQuery”通过 api 获取一条记录

Api Call 没问题，因为后端有结果。我使用 sequelize 并且我的结果发送数据对象。我试图删除提供标签，但我有同样的问题。

我的前端返回此错误：

rtk-query.esm.js:771 Uncaught (in promise) TypeError: Cannot read property 'providesTags' of undefined
at calculateProvidedByThunk (rtk-query.esm.js:771)
at rtk-query.esm.js:908
at redux-toolkit.esm.js:603
at produce (immer.esm.js:1)
at redux-toolkit.esm.js:602
at Array.reduce (<anonymous>)
at redux-toolkit.esm.js:581
at combination (redux.js:528)
at reducer (rtk-query.esm.js:992)
at combination (redux.js:528)
at computeNextEntry (<anonymous>:3395:21)
at recomputeStates (<anonymous>:3429:17)
at <anonymous>:3809:22
at Object.dispatch (redux.js:288)
at dispatch (<anonymous>:3856:17)
at rtk-query.esm.js:1326
...
at rtk-query.esm.js:1418
at redux-toolkit.esm.js:386
at index.js:11
at redux-toolkit.esm.js:314
at dispatch (redux.js:659)
at redux-toolkit.esm.js:1144
at step (redux-toolkit.esm.js:38)
at Object.next (redux-toolkit.esm.js:19)
at fulfilled (redux-toolkit.esm.js:72)

我的 RTK 查询代码在这里：

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
import Cookie from 'js-cookie';
import React from 'react';

export interface User {
   id: string
   login: string
   password: string
   fonction: string
   imageprofil: string  
   ...
}
React.useLayoutEffect = React.useEffect
type UsersResponse = User[]

export const api = createApi({
    baseQuery: fetchBaseQuery({ baseUrl: 'http://localhost:8080/api/',
    prepareHeaders: (headers) => {
        const token = Cookie.get('token');   
        if (token) {
            headers.set('authorization', `Bearer ${token}`)
        }
        return headers
    }, 

}),
 tagTypes: 'User',

endpoints: (build) => ({

getUser: build.query<User, string>({
    query: (id) => ({url:'users/'+id}),
    providesTags: 'User',        
}),    
}),
}),
})

 export const {         
     useGetUserQuery        
 } = api
4

4 回答 4

3

一方面，它应该是 tagTypes: ['User'],，但这可能不是你的问题。

我会假设您的减速器没有安装在[api.reducerPath]或者您有多个 api（顺便说一句。除了极罕见的边缘情况外，您应该只有一个！）它们都安装在同一个键上，因为您没有reducerPath为它们指定不同的 s - 从而相互覆盖。

于 2021-08-24T11:05:24.383 回答
2

也许我找到了谢谢@phry！

我的 configurestore 不正常。

前

import { configureStore } from '@reduxjs/toolkit'
import { api } from '../features/post/post_api.ts'



export const store = configureStore({
   reducer: {
    [api.reducerPath]: api.reducer,
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(api.middleware),
})

后

import { configureStore } from '@reduxjs/toolkit'
import { api } from '../features/post/post_api.ts'
import {userapi} from '../features/user/user_api.ts'



export const store = configureStore({
  reducer: {
    [api.reducerPath]: api.reducer,
    [userapi.reducerPath]: userapi.reducer
  },
  // adding the api middleware enables caching, invalidation, polling and other features of `rtk-query`
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(api.middleware),
})
于 2021-08-24T11:46:14.200 回答
0

https://redux-toolkit.js.org/api/getDefaultMiddleware

包含的默认中间件

import { configureStore } from '@reduxjs/toolkit'
import rootReducer from './reducer'
import { myCustomApiService } from './api'

const store = configureStore({
  reducer: rootReducer,
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      thunk: {
        extraArgument: myCustomApiService,
      },
      serializableCheck: false,
    }),
})
于 2021-10-13T18:47:16.130 回答
0

我的错误是：我不止一次使用相同的reducerPath东西。(这就是为什么你不应该做 ctr+c, ctr+v)

于 2022-02-11T14:44:58.910 回答