svg - 在 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>
        );
    }
}

Answer 1

在您的任何打字文件中添加声明模块“* .svg”。 (.d.ts)