麻烦老师看一下

相关截图：

相关代码：

import React from "react";
import styles from "./App.module.css";
import { HomePage } from "./pages"
import { BrowserRouter, Route } from 'react-router-dom'

function App() {
  return (
    <div className={styles.App}>
      <BrowserRouter>
        <Route path="/" component={HomePage} />
      </BrowserRouter>

    </div>
  );
}

export default App;

问题描述：

老师你好，请问这个红色下划线错哪了，我重新安装 react-router-dom 也没用

以你为瘾丶 2021-11-22

源自：项目：React旅游网 2-3 【路由初始化】配置react-router

收起

1回答

好帮手慕然然 2021-11-22 11:33:33

同学你好，建议执行以下安装命令试试（对ts支持），如下

npm install --save-dev @types/react-router-dom

祝学习愉快！

收起回答

提问者以你为瘾丶 #1

老师你好，还是有错误。

2021-11-22 11:36:19
好帮手慕然然回复提问者以你为瘾丶 #2

同学你好，麻烦将package.json文件发过来，老师需要看一下。

2021-11-22 12:00:35
提问者以你为瘾丶回复好帮手慕然然 #3

{
"name": "react-travel",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.15.0",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"@types/jest": "^26.0.24",
"@types/node": "^12.20.37",
"@types/react": "^17.0.36",
"@types/react-dom": "^17.0.11",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^6.0.2",
"react-scripts": "4.0.3",
"typescript": "^4.5.2",
"web-vitals": "^1.1.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@types/react-router-dom": "^5.3.2"
}
}

麻烦老师看一下，谢谢

2021-11-22 12:27:07