时间戳

首页 > 解决方案 > React.js：npm start 显示不同的默认路由

reactjs - React.js：npm start 显示不同的默认路由

问题描述

我是新手，我有一个奇怪的问题，每次我执行 npm start 时，我都会进入同一页面！我该如何改变它？（尝试了几个项目！同一页！）

路由：

import { Redirect, Route, Switch } from "react-router-dom";
import { Page404 } from "./Page404";
import { Login } from "./Login";
import { Logout } from "./Logout";
import { Register } from "./Register";

export const Routing = () => {
return (
<div>
  <Switch>
    <Route path="/login" component={Login} />
    <Route path="/logout" component={Logout} />
    <Route path="/register" component={Register} />

    <Redirect exact from="/" to="/login" />
    <Route component={Page404} />
  </Switch>
</div>
);
};

我总是得到的默认路由是：http://localhost:3000/login-auth 每次 npm 启动后。

顺便说一句，当我安装 firebase 时开始发生这种情况。在这个项目中，我什至没有使用 firebase 并且它一直在发生

谢谢！

第一次编辑 我注意到我没有提到重要的部分：第一：我还没有家庭组件（想练习登录页面）第二：应用程序组件：包含路由器{我需要路由器方式，因为标题也使用它}

import "./App.css";
import { Routing } from "./Components/Routing";
import "notyf/notyf.min.css";
import { BrowserRouter } from "react-router-dom";
import { MenuBar } from "./Components/MenuBar/MenuBar.jsx";

function App() {
return (
 <div className="App">
  <BrowserRouter>
    <header>
      <MenuBar />
    </header>
    <body>
      <Routing />
    </body>
  </BrowserRouter>
 </div>
 );
}

我试图卸载firebase（虽然我没有在这个项目中使用它）但它没有正常工作

** 我解决了！** 我的 package.json 中有一个“主页”设置，出于某种原因将我带到那里

标签： reactjswebfrontend

解决方案

我已经解决了，问题出在 package.json 中，我有“主页”选项，它只是在 npm start 后把我扔到那里

推荐阅读