cannot import image with create-react-app : <p>I'm using <code>create-react-app</code>, and I am struggling to load images. I am following the instructions as specified <a href="https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-images-fonts-and-files" rel="noreferrer">here</a>, but I keep seeing the following error:</p>

<pre><code>Failed to compile.

Error in ./src/components/Home/imageIndex.ts
(1,24): error TS2307: Cannot find module './party.png'
</code></pre>

<p>Does anyone know why when I run <code>yarn start</code> my app continues to fail to compile?</p>

<p>I have a <code>Home</code> component and this is how I am importing the file:</p>

<pre><code>import photo from './party.png';
</code></pre>

<p>The component is located in <code>src/components/Home/index.tsx</code> and the png file is located in <code>src/components/Home/party.png</code>.</p>

<p>here is my package.json:</p>

<pre><code>{
  "name": "eai-reactjs-typescript-redux-starter",
  "description": "A ReactJS/TypeScript + Redux starter template with a detailed README describing how to use these technologies together and constructive code comments.",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.6.1",
    "react-dom": "^15.6.1",
    "react-redux": "^5.0.5",
    "redux": "^3.7.0",
    "redux-logger": "^3.0.6"
  },
  "devDependencies": {
    "@types/enzyme": "^2.8.0",
    "@types/jest": "^19.2.3",
    "@types/node": "^7.0.18",
    "@types/react": "^15.0.24",
    "@types/react-dom": "^15.5.0",
    "@types/react-redux": "^4.4.40",
    "@types/redux-logger": "^3.0.0",
    "enzyme": "^2.8.2",
    "react-addons-test-utils": "^15.5.1",
    "react-scripts-ts": "1.4.0",
    "redux-devtools-extension": "^2.13.2"
  },
  "scripts": {
    "start": "react-scripts-ts start",
    "build": "react-scripts-ts build",
    "test": "react-scripts-ts test --env=jsdom",
    "eject": "react-scripts-ts eject"
  }
}
</code></pre>
