RTK Query运行报TypeError: inject.endpoints is not a function如何解决

错误原因 #

你在src/app/services/pokemon.js中配置createApi的入参时，将必填的endpoints属性名拼写错误，误写为enedpoints，多了一个字母e。
RTK Query的createApi方法没有识别到正确的端点配置，内部初始化injectEndpoints相关逻辑时就会抛出inject.endpoints is not a function类型错误。

修复方案 #

直接修正src/app/services/pokemon.js里的属性名即可，修改后的完整代码如下：

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
export const pokemonApi = createApi({
    reducerPath:'pokemonApi',
    baseQuery: fetchBaseQuery({
        baseUrl: 'https://pokeapi.co/api/v2'
    }),
    // 将错误的enedpoints改为正确的endpoints
    endpoints: (builder)=>({
        getPokemonByName: builder.query({
            query:(name)=>`pokemon/${name}`,
        }),
    }),
});

export const { useGetPokemonByNameQuery } = pokemonApi

修改后重启项目即可正常运行。

内容的提问来源于stack exchange，提问作者Abdul Qadir Memon