zoukankan      html  css  js  c++  java
  • 【分享】用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'    

        大功告成,噢耶~ 

  • 相关阅读:
    一道关于js声明变量,var和let的面试题
    自执行匿名函数: (function() { /* code */ })();
    2017-09-26 开通博客第一天。 希望以后能够坚持更新,记录自己的成长,努力汲取各位朋友的知识见解。
    mybatis中根据日期模糊查询
    <![CDATA[文本内容]]>
    mybatis中sql标签和include标签
    Redis 安装
    Redis 简介
    从尾到头打印链表
    替换空格
  • 原文地址:https://www.cnblogs.com/anniey/p/14012072.html
Copyright © 2011-2022 走看看