title: can't import module into react project
body: <p>im new to react, and am trying to import an npm module from online. I used  <code>npm install --save flag-icon-css</code> to install the package. It seems to have installed correctly and i now have a folder for the module in the node_modules folder. However i am getting the following error <code>./src/index.js
  Module not found: Can't resolve 'flag-icon-css' in 'C:\Users\Sean\OneDrive\Web Development\React\Projects\clock\src'</code>. 
  Can anyone explain to me where im going wrong?</p>
  
  <p>my import statements </p>
  
  <pre><code>  import React from 'react';
    import ReactDOM from 'react-dom';
    import ButtonClick from './Components/UserInputs.js';
    import Flags from 'flag-icon-css'
  </code></pre>
  
  <p>i also had these warnings when i installed the module</p>
  
  <pre><code>[npm WARN @typescript-eslint/eslint-plugin@1.6.0 requires a peer of typescript@* but none is installed. You must install peer dependencies yourself.
  npm WARN @typescript-eslint/parser@1.6.0 requires a peer of typescript@* but none is installed. You must install peer dependencies yourself.
  npm WARN @typescript-eslint/typescript-estree@1.6.0 requires a peer of typescript@* but none is installed. You must install peer dependencies yourself.
  npm WARN ts-pnp@1.1.2 requires a peer of typescript@* but none is installed. You must install peer dependencies yourself.
  npm WARN tsutils@3.14.0 requires a peer of typescript@&gt;=2.8.0 || &gt;= 3.2.0-dev || &gt;= 3.3.0-dev || &gt;= 3.4.0-dev || &gt;= 3.5.0-dev || &gt;= 3.6.0-dev but none is installed. You must install peer dependencies yourself.
  npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\jest-haste-map\node_modules\fsevents):
  npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
  npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\chokidar\node_modules\fsevents):
  npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
  npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.0.6 (node_modules\fsevents):
  npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.0.6: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})][1]
  </code></pre>
  
  <p>considering the module is in the same folder as react and react-dom i assumed i could use the same method to import it</p>
  
  <p>and this is where i found the package <a href="https://github.com/lipis/flag-icon-css" rel="nofollow noreferrer">https://github.com/lipis/flag-icon-css</a></p>
  
  <p>here is my json file</p>
  
  <pre><code>{
    "name": "clock",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
      "create-react-app": "^3.0.1",
      "flag-icon-css": "^3.3.0",
      "react": "^16.8.6",
      "react-dom": "^16.8.6",
      "react-scripts": "3.0.1"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
    },
    "eslintConfig": {
      "extends": "react-app"
    },
    "browserslist": {
      "production": [
        "&gt;0.2%",
        "not dead",
        "not op_mini all"
      ],
      "development": [
        "last 1 chrome version",
        "last 1 firefox version",
        "last 1 safari version"
      ]
    }
  }
  </code></pre>