如何将 redux-persist 添加到 typescript 项目？

Question

我正在尝试将 redux-persist 添加到我的 React 项目中（使用打字稿）。 但我有一些麻烦。 编译出现以下错误：

Could not find a declaration file for module 'redux-persist/lib/storage'. '.../WebstormProjects/catalog/node_modules/redux-persist/lib/storage/index.js' implicitly has an 'any' type.
  Try `npm install @types/redux-persist` if it exists or add a new declaration (.d.ts) file containing `declare module 'redux-persist/lib/storage'

我安装了以下软件包：“@types/redux-persist”：“^4.3.1”和“redux-persist”：“^6.0.0”。

redux-persist/lib/storage 的内容：

declare module "redux-persist/es/storage" {
  import { WebStorage } from "redux-persist/es/types";

  const localStorage: WebStorage;
  export default localStorage;
}

declare module "redux-persist/lib/storage" {
  export * from "redux-persist/es/storage";
  export { default } from "redux-persist/es/storage";
}

怎么做才能解决这个问题？

Answer 1

解决方案：

添加这一行：

/// <reference types="redux-persist" />

react-app-env.d.ts如果您使用create-react-app 。

解释：

打字稿中的三斜杠指令是包含单个 XML 标记的单行注释。 注释的内容用作编译器指令。

这些指令用于声明对包的依赖，包可以是类型、库、路径等。

解析这些包名的过程类似于在 import 语句中解析模块名的过程。 将三斜杠引用类型指令视为声明包的导入的一种简单方法。

例如，在上面的代码中，在声明文件中包含/// <reference types="redux-persist" />声明该文件使用在@types/node/redux-persist.d.ts中声明的名称； 因此，这个包需要与声明文件一起包含在编译中。

在这里阅读更多。

Answer 2

解决方案：

从“redux-persist/es/storage”导入存储的导入存储，而不是从“redux-persist/lib/storage”导入存储