Reactjs I'；我使用react路由器dom并面临这个问题。我怎样才能摆脱这个？

我已经在node_modules文件夹中安装了react router dom，每当我导入react router dom时，它都会显示此错误

./src/index.js模块未找到：您试图导入 ../node_模块/rect路由器dom不在项目范围内 src/目录。不支持src/之外的相对导入

我怎样才能摆脱它

index.js文件中的代码如下

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import './index.css'; 
import App from './App'; 
import About from './pages/About' 
import Contact from './pages/Contact' 
import { Route, Link, BrowseRouter as Router } from 'rect-router-dom'; 
import * as serviceWorker from './serviceWorker'; 

const myrouter = ( <Router> </Router> ) 
ReactDOM.render(myrouter, document.getElementById('root')); 
serviceWorker.unregister();

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
从“./App”导入应用程序；
从“/pages/About”导入关于
从“./pages/Contact”导入联系人
从“rect Router dom”导入{Route，Link，BrowseRouter as Router}；
将*作为serviceWorker从“/serviceWorker”导入；
常量myrouter=（）
render（myrouter，document.getElementById（'root'）；
serviceWorker.unregister（）；

这是正确的导入方法

import { Route, Link, BrowseRouter as Router } from 'react-router-dom'; 

---

您能给我们看一下导入语句吗？您的错误似乎提到了

rect-router-dom

，而不是

react-router-dom

。请出示您的代码，您通常会将其作为一个包导入（因此，只需从'react router dom'导入

，

而不是从'../node\u modules/react router dom'这里是index.js文件中的完整代码从'react'导入react；从'react dom'导入ReactDOM；导入'./index.css'；从'./App'导入应用程序；从'./pages/关于'导入联系人'./pages/Contact'导入{Route，Link，browserverOuter as Router}来自'rect Router dom'；导入*作为服务工作者来自'/serviceworner'；const myrouter=（）ReactDOM.render（myrouter，document.getElementById（'root'）；serviceworer.unregister（）；是的，正如Icepickle在你的问题中指出的那样，你的代码中也有打字错误，你导入的“rect router dom”应该是“react router dom”。@MohammedAliFarman请回答你的问题，不要只是把你的代码放在评论中，评论是二等公民，可能会在任何时候被删除。你能把这个回复标记为corre吗我们可以结束这个问题吗？