Reactjs 在构建到cpanel后对应用程序加载进行两次响应

我已经在我的本地主机上制作了一个带有react的应用程序，它与LoaclHost:8000配合使用很好，但是当我构建这个应用程序并上传到cpanel时，这个应用程序会在浏览器上加载或刷新两次，就像我登录仪表板一样，然后在登录仪表板后显示仪表板，然后再次刷新仪表板这里是我的index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import '../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js';
import './index.scss';

import * as serviceWorker from './serviceWorker';
import {BrowserRouter} from "react-router-dom";
import ErrorBoundary from "./errorBoundary";
import store from "./redux-store";
import {Provider} from 'react-redux'
import 'rc-pagination/assets/index.css';

ReactDOM.render(
 <BrowserRouter>
    <ErrorBoundary>
        <Provider store={store}>
            <App/>
        </Provider>
    </ErrorBoundary>
    </BrowserRouter>,
    document.getElementById('root')
);


serviceWorker.unregister();

从“React”导入React；
从“react dom”导入react dom；
从“./App”导入应用程序；
导入“../node_modules/bootstrap/dist/css/bootstrap.min.css”；
导入“../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js”；
导入“/index.scss”；
将*作为serviceWorker从“/serviceWorker”导入；
从“react router dom”导入{BrowserRouter}；
从“/ErrorBoundary”导入ErrorBoundary；
从“/redux存储区”导入存储区；
从“react redux”导入{Provider}
导入“rc pagination/assets/index.css”；
ReactDOM.render(
,
document.getElementById（'root'））
);
serviceWorker.unregister（）；