Javascript &引用；您不应该使用<；链接>；a<；路由器>&引用；生产过程中出现错误，但在开发过程中工作正常

我得到了这个错误 “在heroku上部署后，您不应在生产中出现错误时使用

。”。。。。。但是在开发（localhost）中，它工作得很好

我的index.js文件

import React from "react";
import ReactDOM from "react-dom";
import { createBrowserHistory } from "history";
import { Router, Route, Switch } from "react-router-dom";

import "./components/Layout/layout.css";

import indexRoutes from "routes/index.jsx";

import "assets/scss/material-kit-react.css?v=1.3.0";

let hist = createBrowserHistory();

ReactDOM.render(
  <Router history={hist}>
    <Switch>
      {indexRoutes.map((prop, key) => {
        return(
          <Route path={prop.path} key={key} component={prop.component} />
          );
      })}
    </Switch>
  </Router>,
  document.getElementById("root")
);

import ContactUsPage from "views/ContactUsPage/ContactUsPage.jsx";
import AboutUsPage from "views/AboutUsPage/AboutUsPage.jsx";
import ServicePage from "views/ServicePage/ServicePage.jsx";
import ProjectsPage from "views/ProjectsPage/ProjectsPage.jsx";
import ComingSoonPage from "views/ComingSoonPage/ComingSoonPage.jsx"

import Home from "views/Home/Home.jsx";
import 'bootstrap/dist/css/bootstrap.css';

var indexRoutes = [
  { path: "/about-us", name: "AboutUsPage", component: AboutUsPage},
  { path: "/contact-us", name: "ContactUsPage", component: ContactUsPage},
  { path: "/services", name: "ServicePage", component: ServicePage},
  { path: "/projects", name: "ProjectsPage", component: ProjectsPage},
  { path: "/comingsoon", name: "ComingSoonPage", component: ComingSoonPage},
  { path: "/", name: "Home", component: Home}

];

export default indexRoutes;

---

您的

链接
组件在哪里？另外，
组件：{AboutUsPage}
看起来有点奇怪。它不应该是
组件：AboutUsPage
？没有链接组件，基本上我使用
a
标记href进行链接。有趣。那么，您每次导航时都在进行硬刷新？您是否使用任何
NavLink
s？是的，我使用的navlinks在
的任何组件之外使用？这是发生这种情况的唯一原因。您的
链接
组件在哪里？另外，
组件：{AboutUsPage}
看起来有点奇怪。它不应该是
组件：AboutUsPage
？没有链接组件，基本上我使用
a
标记href进行链接。有趣。那么，您每次导航时都在进行硬刷新？您是否使用任何
NavLink
s？是的，我使用的navlinks在
的任何组件之外使用？这是发生这种情况的唯一原因。