Typescript + Reactjs-导入的svg无法呈现

Question

我正在将一些React文件迁移到.tsx文件中，并且在svg导入中出现错误：

import logo from './logo.svg'; // [ts] cannot find module './logo.svg'

因此，我将其更改为：

const logo = require('./logo.svg') as string

修复了转译器错误。

我正在使用React Bootstrap的Image标签渲染它：

<Image src={logo} className="..." />

但是，该图像根本不会渲染。我尝试将其类型更改为as any雪茄，但没有。谁能帮我？

Answer 1

确保您的文件images.d.ts位于根文件夹（tsconfig.json，等旁边）中，其中包含以下内容：

declare module '*.svg'
declare module '*.png'
declare module '*.jpg'