记录解决react18引入路由报错的问题1.引入Routes后报错查了很久没发现什么问题，最后通过重新指向npm in

1.引入Routes后报错

react的路由报错2.webp

查了很久没发现什么问题，最后通过重新指向npm install安装node_moduals解决了

2.react脚手架的最外层index.js没有引入BrowserRouter对组件进行包裹

react路由报错3.png

通过引入BrowserRouter解决

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from 'react-router-dom';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  // <React.StrictMode>
  <BrowserRouter>
    <App />
  </BrowserRouter>
  // </React.StrictMode>
);