安装less

src/compenents/header/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import styles from "./index.less";
+import styles from "./index.module.less";
 import { Layout, Button, Dropdown, MenuProps } from "antd";
 import { useSelector } from "../../store/hooks";
 import { useDispatch } from "react-redux";

src/compenents/leftMenu/index.less

@@ -1,13 +0,0 @@
-.left-menu {
-  width: 200px;
-  height: 100%;
-  background-color: #fff;
-}
-
-.App-logo {
-  width: 124px;
-  height: 40px;
-  margin-top: 16px;
-  margin-left: 38px;
-  margin-bottom: 20px;
-}

src/compenents/leftMenu/index.module.less

@@ -0,0 +1,12 @@
+.left-menu {
+  width: 200px;
+  height: 100%;
+  background-color: #fff;
+  .App-logo {
+    width: 124px;
+    height: 40px;
+    margin-top: 16px;
+    margin-left: 38px;
+    margin-bottom: 20px;
+  }
+}

src/compenents/leftMenu/index.tsx

@@ -7,7 +7,7 @@ import {
 import { Menu } from "antd";
 //导出路由跳转hooks函数
 import { useNavigate, Link } from "react-router-dom";
-import styles from "./index.less";
+import styles from "./index.module.less";
 import logo from "../../assets/logo.png";
 import "../../utils/index.less";