反应，得到未捕获的类型错误：无法在 BrowserRouter 读取 null 的属性（读取 \"useRef\"）答案

【问题标题】：React, getting Uncaught TypeError: Cannot read properties of null (reading "useRef") at BrowserRouter反应，得到未捕获的类型错误：无法在 BrowserRouter 读取 null 的属性（读取 \"useRef\"）
【发布时间】：2022-11-09 10:30:00
【问题描述】：

我正在尝试使用 react-router-dom 创建一个反应项目。由于我似乎无法弄清楚的错误，我无法取得进展。代码在终端上编译没有错误，但是页面完全空白，Chrome 控制台显示如下：

反应错误页面

这是我的代码：我遵循了官方的 react-router-dom 文档。

import {BrowserRouter, Routes, Route} from 'react-router-dom';
import Dashboard from './pages/Dashboard';
import Tickets from './pages/Tickets';
import Nav from './components/Nav';

const App = () => {
  return (
    <div className='app'>
      <BrowserRouter>
        <Nav/>
        <Routes>
          <Route path="/" element={< Dashboard/>} />
          <Route path="ticket" element={<Tickets />} />
          <Route path="ticket/:id" element={<Tickets editMode={true}/>} />
        </Routes>
      </BrowserRouter>
    </div>
  );
}

export default App;

【问题讨论】：

这回答了你的问题了吗？ React, getting Uncaught TypeError: Cannot read properties of null (reading "useRef") while using React Router Dom

标签： javascript reactjs react-router frontend react-router-dom

【解决方案1】：

您可能在代码的错误部分使用了钩子。在返回 jsx 之前，只能在函数组件内部调用 Hooks。或者问题可能出在element={<Tickets editMode={true}/>}

【讨论】：

【解决方案2】：

我遇到了同样的错误。问题是我在我的应用程序所在的文件夹之外安装了 react-router-dom。因此，浏览器路由器未被访问。因此，导航到您的反应应用程序所在的文件夹，然后重新安装反应路由器。这对我有用。祝你好运！

【讨论】：