小编m4a*_*1j9的帖子

ESLint:在“@reduxjs/toolkit”(导入/命名)中找不到 PayloadAction

我目前正在 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)

importerror node-modules eslint react-redux

6
推荐指数
1
解决办法
2669
查看次数

标签 统计

eslint ×1

importerror ×1

node-modules ×1

react-redux ×1