误报Typescript找不到模块警告

要解决此问题,请在存储库的根目录中创建文件 types/images.d.ts 包括以下内容:

declare module '*.svg' {
  import React from 'react';

  interface SVGProps {
    className?: string,
    width?: number,
    height?: number,
  }

  class SVG extends React.Component<SVGProps> {}

  export default SVG;
}

让tslint允许你这么做

import MyIcon from '!svg-react-loader?name=Icon!./down-arrow.svg'

把这个用在你的头发上。形态

{
  "rules": {
    "no-implicit-dependencies": [
      true,
      ["!svg-react-loader?name=Icon!."]
    ]
  }
}

虽然有点乱,但还是管用的。。本质上,您需要将整个加载程序字符串列入白名单。