react router dom未显示Route的内容

Question

我正在尝试使用react-router-dom进行路由。昨天，我的项目仍然正常工作，但在我将其部署到github页面后，它突然崩溃了。。

这是Tmp.js的内容

import React from "react";
import { Button } from "react-bootstrap";
const Tmp = () => {
return (
<div className="container">
<Button variant="primary">Button 1</Button>
</div>
);
};
export default Tmp;

突然间，这段代码(App.js(没有显示<Tmp />中的组件

import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
const App = () => {
return (
<Router>
<div className="container hero is-fullheight">
<Header />
<Routes>
<Route path="/" element={<Tmp />} />
</Routes>
</div>
</Router>
);
};

但这表明<Tmp />的内容与预期一样

import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
const App = () => {
return (
<Router>
<div className="container hero is-fullheight">
<Header />
<Tmp />
</div>
</Router>
);
};

有什么建议吗？我在这里做错了什么？

Answer 1

我在这里找到了答案。基本上只需要使用CCD_ 5而不是CCD_。这个答案对感兴趣的人有更深入的解释。。