在TypeScript中导入SVG图像

Question

以以下代码为例，它可以完美地工作。然而，typescript编译器会对"import logo from './images/logo.svg';"这一声明报错。当在浏览器中运行应用程序时，它可以完美地工作，所以我并没有遇到任何功能方面的问题。我只是想摆脱这条波浪线，以便我可以清理我的目录视图。非常感谢您的任何帮助。

import * as React from 'react';
import logo from './images/logo.svg';

interface Property {}
interface State {} 

export default class App extends React.Component<Property, State> { 
    render() {
        return (
            <div className="App">
                <div className="App-header">
                    <img src={logo} className="App-logo" alt="logo" />                        
                </div>      
            </div>
        );
    }
}

- Mikejg101

---

在任何一个类型文件（.d.ts）中添加声明模块“*.svg”。 - Steve McMeen

@SteveMcMeen，您能将其添加为答案，以便我可以标记它已回答吗？ - Mikejg101

Answer 1

在任何一个类型文件中（.d.ts），添加declare module '*.svg'。

- Steve McMeen