我目前正在 TypeScript 上使用 Redux-toolkit 构建一个 React 应用程序,该应用程序是使用 create-react-app 创建的,并且我在项目中的每个Reducer 文件中都收到此错误:
ESLint:在“@reduxjs/toolkit”(导入/命名)中找不到 PayloadAction
这是一个示例描述
代码:
import {createSlice, PayloadAction} from "@reduxjs/toolkit" // An error is coming from here
export interface IInitialState {
isDisSignUp: boolean
}
const initialState: IInitialState = {
isDisSignUp: true,
}
export const buttonSlice = createSlice({
name: "button",
initialState,
reducers: {
disSignUpButton(state, action: PayloadAction<boolean>) {
state.isDisSignUp = action.payload
},
},
})
export default buttonSlice.reducer
Run Code Online (Sandbox Code Playgroud)
我的 .eslintrc.json
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:react/recommended",
"plugin:@typescript-eslint/recommended",
"plugin:import/recommended", …Run Code Online (Sandbox Code Playgroud)