Блог

Главная - Вопросы по программированию - Обновить дочерний маршрут react-router-dom версии 6

Обновить дочерний маршрут react-router-dom версии 6

#reactjs #react-router-dom

#reactjs #react-router-dom

Вопрос:

В настоящее время я опробовал react-router-dom v6 и столкнулся с проблемами с моим дочерним маршрутом, я могу перейти к дочернему маршруту при нажатии кнопки от его родительского. Но если бы я попытался обновить эту дочернюю страницу маршрута или самостоятельно ввести ссылку на дочерний маршрут, страница не смогла бы загрузиться.

     <!DOCTYPE html&&t;
<html&&t;
    <head&&t;
        <title&&t; Bud&et App </title&&t;
        <meta name="viewport" content="width=device-width, initial-scale=1.0"&&t;
        
        <link rel='stylesheet' type="text/css" href='/dist/styles.css'&&t;
    </head&&t;
    <body&&t;
        <div id="bud&et-app"&&t;</div&&t;
        <div id="test"&&t;</div&&t;
        <script src="/dist/bundle.js"&&t;</script&&t;
    </body&&t;
</html&&t;
  
Ошибка с консоли: отказано в применении стиля из 'http://localhost:4000/home/dist/styles.css ' поскольку его тип MIME ('text / html') не является поддерживаемым типом MIME таблицы стилей, и включена строгая проверка MIME.

 import React from 'react';
import { Outlet, Link ,Routes,Route} from 'react-router-dom'
import Lo&In from './Lo&In'
import Si&nUp from './Si&nUp'

const Home = () =&&t; (
    <div className="container"&&t;
        <Link to='lo&in' className='nav-link'&&t;Lo& in</Link&&t;
        <Link to='/home/si&nup' className='nav-link'&&t;Re&ister</Link&&t;

        <Routes&&t;
            <Route path='lo&in' element={<Lo&In /&&t;}&&t;</Route&&t;
            <Route path='si&nup' element={<Si&nUp /&&t;}&&t;</Route&&t;
        </Routes&&t;
    </div&&t;
)
export default Home

Спасибо за вашу заботу

Комментарии:

1. Чао, ты можешь показать мне свой index.html ?