Javascript 反应路由器dom重定向不工作-显示错误

我的react应用程序react路由器不工作。它显示了错误

类型错误： 路径\u到\u regexp\u网页包\u导入的\u模块\u 8\u\u默认值.a.compile不是 作用

查看图像

---

我不知道为什么要用react路由器dom显示错误问题

检查我的代码

那个代码显示了错误

---

从“React”导入React
从“./Component/Layout/DefaultLayout”导入DefaultLayout；
从“./Component/Login/DefaultLogin”导入DefaultLogin；
从“./Component/Sign-up/DefaultSignup”导入DefaultSignup；
//反应路由器dom
从“react Router dom”导入{BrowserRouter as Router，Route，Switch，Redirect}；
//引导css
导入'bootstrap/dist/css/bootstrap.min.css'；
//用于全球的css
导入“/App.scss”；
导出默认函数App（）{
返回(
)
}

---

检查我的代码 该代码没有显示错误，但rest应用程序不工作，因为我使用了重定向， 超出开关组件

---

导出默认函数App（）{
返回(
{/*此显示不出错，但rest应用程序无法正常工作*/}
)
}

此错误通常发生，因为create-react-app安装了express模块，您可以在package.lock.json中看到该模块，并且它还安装了指向regexp的路径，使用旧版本（如0.1.7），但为了使react-router正常工作，它需要1.7.0或更高版本。

---

因此，您可以在应用程序中安装指向regexp模块的路径（指向regexp的npm i路径），然后重新启动应用程序。一切都会正常工作。

此错误通常发生，因为create react app安装了express模块，您可以在package.lock.json中看到该模块，并且它还使用旧版本（如0.1.7）安装了指向regexp的路径，但为了使react router正常工作，它需要1.7.0或更高版本。 因此，您可以在应用程序中安装指向regexp模块的路径（指向regexp的npm i路径），然后重新启动应用程序。一切正常。

参考本文档：参考本文档：

import React from 'react'
import DefaultLayout from './Component/Layout/DefaultLayout';
import DefaultLogin from './Component/Login/DefaultLogin';
import DefaultSignup from './Component/Sign-up/DefaultSignup';



// react-router-dom

import { BrowserRouter as Router, Route, Switch, Redirect } from "react-router-dom";


// bootstrap css
import 'bootstrap/dist/css/bootstrap.min.css';

// css for global 
import './App.scss';


export default function App() {
    return (
        <>
            <Router>   

                <Switch> 
                        <Route path="/admin" exact component={DefaultLayout} />
                        <Route path="/admin/signup"  component={DefaultSignup} />
                        <Route path="/admin/login"  component={DefaultLogin} />
                        <Redirect from="/" to="/admin" />
                </Switch> 


            </Router>            
        </>
    )
}

export default function App() {
    return (
        <>
            <Router>   

                <Switch> 
                        <Route path="/admin" exact component={DefaultLayout} />
                        <Route path="/admin/signup"  component={DefaultSignup} />
                        <Route path="/admin/login"  component={DefaultLogin} />

                </Switch> 

                {/* this show not error but rest app not work proper */}
                   <Redirect from="/" to="/admin" />

            </Router>            
        </>
    )
}