React使用customize-cra配置less报错

Question

问题遇到的现象和发生背景

React想使用less，使用'customize-cra'进行配置，运行代码报错

问题相关代码，请勿粘贴截图

// config-overrides.js  在根目录下
const {override, addLessLoader} = require('customize-cra')
module.exports = override(
  addLessLoader({
    lessOptions: {
      javascriptEnabled: true,
      cssModules: {
        localIdentName: "[local]--[hash:base64:5]",
      }
    },
  })
)

package。json

{
  "name": "juejin",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.2",
    "@testing-library/user-event": "^13.5.0",
    "customize-cra": "^1.0.0",
    "react": "^17.0.2",
    "react-app-rewired": "^2.1.11",
    "react-dom": "^17.0.2",
    "react-scripts": "5.0.0",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired 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": {
    "less": "^4.1.2",
    "less-loader": "^10.2.0",
    "postcss-loader": "^6.2.1"
  }
}

运行结果及报错内容

我的解答思路和尝试过的方法

我看见报错有postcss-loader也下载了，但是不会配置，百度了一堆还是没解决

我想要达到的结果

配置less能正常使用，或者大L们都怎么配置的，能让小D借鉴一下的