• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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'    

    大功告成,噢耶~ 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Typescript学习总结之模块发布时间:2022-07-18
下一篇:
typescript调用javascript&amp;&amp;URI.js发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap