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）