[英]How to use React Routes with esbuild?
我正在使用 esbuild 創建 React 應用程序,它運行良好,但是,當我嘗試在應用程序上啟用 react-router 時,它可以是構建器並且可以工作,但我無法在路由之間移動,初始配置:
(async () => {
const builder = await build({
bundle: true,
define: {"process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || 'dev')},
entryPoints: ["app/index.tsx"],
incremental: true,
minify: process.env.NODE_ENV === 'prod',
outfile: './app/public/main.js',
loader: {
'.svg': 'dataurl',
'.png': 'dataurl'
},
});
chokidar.watch("app/src/**/*.{ts,tsx}", {
interval: 0
}).on("all", () => {
builder.rebuild()
});
liveServer.start({
open: true,
port: process.env.PORT || 8080,
root: './app/public'
}) })();
我的路線是聲明的:
<Routes>
<Route path={'/'} element={<Login />} />
<Route path={'register'} element={<Register />} />
</Routes>
但是服務器給了我: Cannot GET /register
創建新文件夾“組件”=> 創建新文件導航
import React from 'react'
import { Link } from 'react-router-dom'
const Navigation = () => {
return (
<>
<nav className='flex justify-between items-center h-[50px] px-5 shadow-md bg-gray-500 text-white'>
<h3>Git search</h3>
<span>
<Link to='/' className='mr-2'>Home</Link>
<Link to='/favourites'>Favourites</Link>
</span>
</nav>
</>
)
}
export default Navigation
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.