Getting error in importing css files

Question

I m trying to import css files in react project

 

I created the project by create-react-app command

 

i have placed the different css files like bootstart.css,index .css and some more in the src directory itself 

 

But still i m getting error when importing this files 

 

I m getting this error

 

Module not found: Can't resolve 'index.css' in 'C:\Users\Yesh Depani\Desktop\nsroute\src' 

 

Here is my code of import

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import "index.css";
//import "atlantis.css";
//import "bootstrap.css";
//import "bootstrap.min.css";
import App from "./App";
//import * as serviceWorker from "./serviceWorker";

ReactDOM.render(
<BrowserRouter>
<App />
</BrowserRouter>,
document.getElementById("root")
);