Реакция сборки не работает 'npm запустить сборку'

Question

Я перепробовал все, я исправил все предупреждения, удалил / до начала c, я попытался указать адрес домашней страницы, но когда я запускаю индекс. html показывает только пустую страницу. В элементе проверки нет ничего в root div. Я не знаю, что я делаю не так, может кто-нибудь, пожалуйста, помогите мне

   import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

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

serviceWorker.unregister();

И файл приложения -

  import React,{Component} from 'react';
// import logo from './logo.svg';
import './App.css';
import './assets/css/style.css';
import './assets/css/bootstrap.min.css';
import './assets/css/fontawsome.css';
import './assets/css/skin.css';
import './assets/css/ionicons.min.css';
import 'antd/dist/antd.css'; 

//Customer
import Customer from './components/admin/customer/Customer';
import NewCustomer from './components/admin/customer/NewCustomer';


import Dashboard from './components/admin/Dashboard';
import Login from './components/auth/Login';
import {ProtectedRoute}  from "./components/auth/protected.route";

import { Route, BrowserRouter as Router } from 'react-router-dom';

require('dotenv').config()
class App extends Component {

  constructor(props) {
    super(props);

  }

  render(){
  return (
    <div className="App">
      <Router>
        <ProtectedRoute exact path="/" component={Dashboard} />
        <Route path="/login" component={Login} />

        <ProtectedRoute exact path="/customer" component={Customer} />

      </Router>
    </div>
  );
}
}

export default App;