微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

【分享】用typescript结合react编写代码,引入第三方库模块报错的解决办法

1.前提

  我用  npx create-react-app my-react-ts-app --template typescript  创建了一个应用,加了typescript到项目中;

  问题来了,我在文件引入'react-redux'包,却提示我:

  无法找到模块“react-redux”的声明文件

  try npm install @types/react-redux 

  或者 declare module 'react-redux

import { Provider } from 'react-redux';

2.解决办法

  (根据提示解决,真是个小机智girl)

  方式1:  try  npm install @types/react-redux  ,库有自己的声明文件

    NPM安装的格式:   npm install @types/<package-name>  

    这样很好,因为我们只需要安装这个库,就可以立即使用它了。要知道一个库是否包含类型,看库中是否有 index.d.ts 文件

    有些库会在 package.json 文件的 typings 或 types 属性中指定类型文件

    需要注意的是:该库包含了自己的声明文件时只需要安装就好,如果没有再从 DefinitelyTyped 获取它的声明文件(也就是npm安装)

  方式2:   declare module 'react-redux'   自给自足

    如果这个库没有自己的声明文件,那么就需要动手创建一个定义文件

    首先在根目录创建文件夹‘typings’

    再新建文件'react-redux.d.ts'

/typings/react-redux.d.ts
declare module 'react-redux'{
  const content: any;
  export = content;
}

    然后在ts配置文件中加入'typings'    

    大功告成,噢耶~ 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐