Блог

Я сделал маршрутизацию с помощью reactrouter.com сайт и, похоже, я все сделал хорошо, но когда я скрипнул в первый <Link> раз и обновил страницу, мой локальный хост перестал работать. Я попытался удалить модули узлов, я отменил последнюю фиксацию и попробовал еще раз, но проблема все равно возникла. Есть ли какое-нибудь решение для этого?

 import React, {FC} from 'react';
import { 
BrowserRouter as Router,
Switch,
Route
} from "react-router-dom";
import styled from 'styled-components';

-- there was a n additional code but not related to the problem --

import {Publications} from '../Publications/Publications';
const MainPage: FC = () => {
return (
    <Router>
        <Content>
            <TopMenu/>
            <Main>
                <LeftProfile/>
                <Wrapper>
                    <LatestPublications/>
                    <ResumeYourWork/>
                    <Workspaces/>
                </Wrapper>
            </Main>
        </Content>
        <Switch>
            <Route path="/publications">
                <Publications/>
            </Route>
            <Route path="/">
                <MainPage />
            </Route>
        </Switch>
    </Router>
);
};
 

И файл с <Link> :

 import React, { FC } from 'react';
import { Link } from "react-router-dom";
export const HomeDropdown: FC = () => {
return (
    <div>
         <Link to="/">
             <Icon src='./media/icons/house.png' />
             <h3>Home</h3>
         </Link>
    </div>
);
};