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'