javascript - @reduxjs/toolkit 和 Typescript 出错 - TS1005

Question

在我当前的项目中安装了运行 react-redux 和 @reduxjs//toolkit 所需的包后，我在运行 npm start 后遇到了这个错误:

TypeScript error in C:/Users/xxx/Documents/xxx/node_modules/@reduxjs/toolkit/dist/configureStore.d.ts(1,13):
'=' expected.  TS1005
 1 | import type { Reducer, ReducersMapObject, Middleware, Action, AnyAction, StoreEnhancer, Store, Dispatch, PreloadedState, CombinedState } from 'redux';

我的店是这样的:

import { configureStore } from "@reduxjs/toolkit";
import securityReducer from "../features/security/securitySlice.js";
const store = configureStore({
    reducer: {
      security: securityReducer,
  },
  });
export default store;

我的 index.tsx 文件包含以下内容:

import React, { useEffect, useState } from "react";
import ReactDOM from "react-dom";`
import "./index.css";`
import AppContainer from "./AppContainer.js";
import * as serviceWorker from "./serviceWorker";
import store from "./app/store.jsx";
import { Provider } from "react-redux";
ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>
      <AppContainer />
    </Provider>
  </React.StrictMode>,
  document.getElementById("root")
);
serviceWorker.unregister();

我的 package.json 文件是这样的:

{
  "name": "my-app",
  "version": "0.1.0",
  "dependencies": {
    "@aws-amplify/ui-react": "^1.2.0",
    "@material-ui/core": "^4.11.3",
    "@material-ui/icons": "^4.11.2",
    "@reduxjs/toolkit": "^1.6.1",
    "@types/react-router-dom": "^5.1.7",
    "amazon-cognito-identity-js": "^5.0.3",
    "amazon-cognito-identity-js-typescript": "^1.22.0",
    "aws-amplify": "^4.0.2",
    "aws-sdk": "^2.799.0",
    "axios": "^0.21.1",
    "bootstrap": "^4.4.1",
    "cors": "^2.8.5",
    "lodash": "^4.17.15",
    "material-ui-dropzone": "^3.5.0",
    "moment": "^2.25.3",
    "rc-slider": "~9.2.4",
    "react": "^16.13.0",
    "react-bootstrap": "^1.0.0-beta.17",
    "react-bootstrap-icons": "^1.1.0",
    "react-dom": "^16.13.0",
    "react-google-charts": "^3.0.15",
    "react-icons": "^4.2.0",
    "react-redux": "^7.2.4",
    "react-router-dom": "^5.2.0",
    "react-scripts": "3.4.0",
    "redux": "^4.1.0",
    "redux-ts": "^4.3.0",
    "typescript": "~3.8.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "test:coverage": "react-scripts test --watchAll=false --coverage",
    "build": "react-scripts build",
    "test": "react-scripts test --watchAll=false",
    "test:watch": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "@types/enzyme": "^3.10.5",
    "@types/jest": "^24.0.0",
    "@types/lodash": "^4.14.149",
    "@types/node": "^12.0.0",
    "@types/rc-slider": "~8.6.5",
    "@types/react": "^16.9.0",
    "@types/react-dom": "^16.9.0",
    "@types/react-redux": "^7.1.18",
    "@types/redux": "^3.6.0",
    "enzyme": "^3.11.0",
    "enzyme-adapter-react-16": "^1.15.2",
    "enzyme-to-json": "^3.4.4",
    "node-sass": "^4.13.1"
  }
}

我从一些帖子中读到我的 typescript 版本需要更新到 3.8，但它似乎仍然无法解决问题。
如果有人知道如何解决此错误，非常感谢。

Answer 1

也许你可以将你的 typescript 版本升级到“^4.1.2”，我也有同样的问题，我用这个解决了这个问题