title: typescript cannot find module when import svg file
body: <p>It's web application created with Typescript, React and webpack. I want to use svg file through webpack. However, I got </p>
  
  <pre><code>    TS2307: Cannot find module '~/images/slide.svg'. 
  </code></pre>
  
  <p>Typescript files are put on /frontend/src/, and typescript files are build successfully.</p>
  
  <p>Then, I tried some solutions on website. But I could not solve this problem.
  What I tried is described briefly as follows.</p>
  
  <p>I added a file where defined types in 'typeRoots'.
  tsconfig.json</p>
  
  <pre><code>{
    "compilerOptions": {
      "outDir": "./app/assets/javascripts/bundles",
      "sourceMap": true,
      "allowJs": true,
      "allowSyntheticDefaultImports": true,
      "noImplicitAny": true,
      "noUnusedLocals": true,
      "noUnusedParameters": true,
      "moduleResolution": "node",
      "module": "es2015",
      "target": "es6",
      "jsx": "react",
      "removeComments": true,
      "baseUrl": ".",
      "paths": {
        "~/*": ["./frontend/src/*"]
      },
      "typeRoots": ["types", "node_modules/@types"]
    },
    "awesomeTypescriptLoaderOptions": {
      "useCache": true,
      "cacheDirectory": "tmp/build_caches/awesome-typescript-loader"
    },
    "include": [
      "./frontend/src/*"
    ],
    "exclude": [
      "node_modules",
      "bundles",
      "**/*.js"
    ]
  }
  </code></pre>
  
  <p>types/images.d.ts</p>
  
  <pre><code>declare module '*.svg' {
    const content: any;
    export default content;
  }
  </code></pre>
  
  <p>I use 'file-loader' on webpack to build svg fild.</p>
  
  <p>Please help me!!</p>