Question

这是我的配置

package.json

{
    "name": "hello-world",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
        "react": "^16.8.6",
        "react-dom": "^16.8.6",
        "react-scripts": "3.0.1"
    },
    "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
    },
    "husky": {
        "hooks": {
            "pre-commit": "lint-staged"
        }
    },
    "lint-staged": {
        "*.js": [
            "eslint --fix",
            "git add"
        ],
        "*.{js, jsx, json, html, css}": [
            "prettier --write",
            "git add"
        ]
    },
    "eslintConfig": {
        "extends": "react-app"
    },
    "browserslist": {
        "production": [
            ">0.2%",
            "not dead",
            "not op_mini all"
        ],
        "development": [
            "last 1 chrome version",
            "last 1 firefox version",
            "last 1 safari version"
        ]
    },
    "devDependencies": {
        "eslint": "^5.16.0",
        "eslint-config-prettier": "^6.0.0",
        "eslint-plugin-prettier": "^3.1.0",
        "husky": "^3.0.0",
        "lint-staged": "^9.2.0",
        "prettier": "^1.18.2"
    }
}

现在，如果我仅在./node_modules/.bin/eslint .之类的项目上运行它，它将照常工作。显示需要在文件中进行的更改，但不能作为预提交挂钩使用，但更漂亮。我仍然看到eslint在每次命令行提交之前都在运行，但是没有看到任何输出。可能是什么问题？

将行更改为eslint * --fix，向我显示了将在所有文件（甚至 .css 和 .md 文件）中进行的修复。
eslint *.js --fix告诉我，没有找到与该模式匹配的文件。
即使eslint . --fix也不起作用。

如果需要该信息，我的文件夹结构是一种简单的create-react-app格式。 Full repo here

我还将在下面发布eslintrc和prettierrc文件，

.prettierrc

{
"singleQuote": false
}

.eslintrc

{
"extends": ["react-app", "prettier"],
"plugins": ["prettier"],
"rules": {
"prettier/prettier": "error"
}
}

说明：

1）我必须使用更长格式的漂亮配置，而不是plugin:prettier/recommended，因为我ran into this error试图拥有一个单独的prettierrc配置文件，而不是将其内嵌在package.json中

2）我必须使用较低版本的eslint，因为较新版本的eslint会从普通的create-react-app中抛出随机错误，因此会抛出had to downgrade it as discussed here。

Answer 1

您是否尝试过在package.json中使用所说的短绒的完整路径？

类似的东西-

"lint-staged": {
    "*.{js,tsx}": [
        "./node_modules/.bin/eslint --fix",
        "git add"
    ],
    "*.{js, jsx, json, html, css}": [
        "./node_modules/.bin/prettier --write",
        "git add"
    ]
}

对我来说，它按预期工作。

Reference Tutorial

Eslint precommit husky hook在create-react-app项目中未按预期工作

1 个答案: