title: Module not found: Can't resolve 'bootstrap/dist/css/bootstrap.css' in 'C:\Users\test\counter-app\src'
body: <p>I'm new to react js. I'm trying to create a component. For that I've installed bootstrap (version 4.1.1) which is successfully installed.</p>
  
  <p>Then I imported the same in index.js and while reloading the page (localhost:3000) I got the error msg: </p>
  
  <blockquote>
  <pre><code>Module not found: 
  Can't resolve 'bootstrap/dist/css/bootstrap.css' in 'C:\Users\test\counter-app\src'
  </code></pre>
  </blockquote>
  
  <p>My <code>index.js</code>:</p>
  
  <pre><code>import React from "react";
  import ReactDOM from "react-dom";
  import "./index.css";
  import App from "./App";
  import * as serviceWorker from "./serviceWorker";
  import "bootstrap/dist/css/bootstrap.css";
  
  ReactDOM.render(&lt;App /&gt;, document.getElementById("root"));
  
  serviceWorker.unregister();
  </code></pre>
  
  <p>My <code>package.json</code> :</p>
  
  <pre><code>{
    "name": "counter-app",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
      "react": "^16.8.4",
      "react-dom": "^16.8.4",
      "react-scripts": "2.1.8"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
    },
    "eslintConfig": {
      "extends": "react-app"
    },
    "browserslist": [
      "&gt;0.2%",
      "not dead",
      "not ie &lt;= 11",
      "not op_mini all"
    ]
  }
  </code></pre>
  
  <p>Please help me to fix this. </p>