husky 和 lint 上演不美化代码

Question

使用反应项目。

这是我的项目结构

这是我的 package.json

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "build": "webpack --mode production",
    "build:dev": "webpack --mode development",
    "build:start": "cd dist && PORT=8080 npx serve",
    "start": "webpack serve --open --mode development",
    "start:live": "webpack serve --open --mode development --live-reload --hot",
    "prepare": "husky install"
  },
  "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"
    ]
  },
  "lint-staged": {
    "./frontend/src/**": ["prettier --write ./frontend/src"]
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "devDependencies": {
    "@babel/core": "^7.20.2",
    "@babel/plugin-transform-runtime": "^7.19.6",
    "@babel/preset-env": "^7.20.2",
    "@babel/preset-react": "^7.18.6",
    "husky": "^8.0.3",
    "lint-staged": "^13.1.0",
    "prettier": "2.8.3",
    "style-loader": "^3.3.1",
    "webpack": "^5.75.0",
    "webpack-cli": "^5.0.0",
    "webpack-dev-server": "^4.11.1"
  }
}

git 在前端文件夹之外，我需要在提交时在前端安装 husky prettier ... 以上不起作用我在这里缺少什么？ 我只想美化而不是棉绒

Answer 1

也许，因为哈士奇的版本。 4.x以上，在package.json配置husky会失败。 建议修改prepare脚本命令如"prepare": "husky install && husky add.husky/pre-commit \"npx lint-staged\""执行npm run prepare 。