如何使用Create React App和TypeScript将SVG导入组件？

kokeuurv 于 2022-11-30 发布在 TypeScript

关注(0)|答案(1)|浏览(168)

我有一个用JS编写的React项目，我正在将其转换为TS。使用JS，可以实现以下功能：

import { ReactComponent as IconPerson } from '../../../icons/person.svg';

使用TS时，我收到以下错误：
找不到模块'../../../icons/person.svg'或其相应类型声明
我已将以下内容添加到新的index.d.ts文件中：

declare module '*.svg';

我还将index.d.ts文件添加到了tsconfig.json中的include数组中：

{
  include: ["src", "**/*.ts", "**/*.tsx", "index.d.ts"]
}

我错过了什么？

1条答案

更改索引.d.ts：

declare module '*.svg' {
  const content: any;
  export default content;
}