如何使用和TypeScript将SVG导入组件？
如何使用和TypeScript将SVG导入组件？
提问于 2022-11-29 22:26:09
我有一个用JS编写的React项目，我正在转换到TS。使用JS，这是可行的：
import { ReactComponent as IconPerson } from '../../../icons/person.svg';使用TS，我得到了以下错误：
无法找到模块‘./.././图标/Person.svg’或其相应的类型声明。
我将以下内容添加到一个新的index.d.ts文件中：
declare module '*.svg';我还将index.d.ts文件添加到include数组中的tsconfig.json中。
{
include: ["src", "**/*.ts", "**/*.tsx", "index.d.ts"]
}我遗漏了什么？
回答 2
Stack Overflow用户
回答已采纳
发布于 2022-11-30 15:23:31
这对我来说很管用：
declare module '*.svg' {
import React = require('react');
export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
}信贷：https://stackoverflow.com/a/54122106/2262604
在我看来，创建一个ReactComponent变量似乎很奇怪，但我不再收到任何TS错误。
Stack Overflow用户
发布于 2022-11-29 22:37:06
change index.d.ts：
declare module '*.svg' {
const content: any;
export default content;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74620908
复制相关文章
相似问题
腾讯云开发者
