刷新子路由react-router-dom v6

问题描述

目前，我尝试了react-router-dom v6并遇到我的子路由问题单击父级按钮时，我可以转到子级路由。但是，如果我尝试刷新该子路线页面或自己输入该子路线链接，则该页面无法加载。

    <!DOCTYPE html>
<html>
    <head>
        <title> Budget App </title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        
        <link rel='stylesheet' type="text/css" href='/dist/styles.css'>
    </head>
    <body>
        <div id="budget-app"></div>
        <div id="test"></div>
        <script src="/dist/bundle.js"></script>
    </body>
</html>

Error from console: Refused to apply style from 'http://localhost:4000/home/dist/styles.css' because its MIME type ('text/html') is not a supported stylesheet MIME type,and strict MIME checking is enabled.

import React from 'react';
import { Outlet,Link,Routes,Route} from 'react-router-dom'
import LogIn from './LogIn'
import SignUp from './SignUp'

const Home = () => (
    <div className="container">
        <Link to='login' className='nav-link'>Log in</Link>
        <Link to='/home/signup' className='nav-link'>Register</Link>

        <Routes>
            <Route path='login' element={<LogIn />}></Route>
            <Route path='signup' element={<SignUp />}></Route>
        </Routes>
    </div>
)
export default Home

感谢您的关注

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

react-router-dom reactjs reactjs