pretier错误:ENOENT:没有这样的文件或目录

Question

我刚刚在我现有的react项目(CSR)中设置了eslint和prettier，并执行了'npm run prettier'，然后我得到了如下错误:

我该如何解决这个错误?仅供参考，有src/App。TSX文件存在，不像下面的错误。

> ut-admin-web@3.1.0 prettier /Users/jin/projects_new/backup/2021/ut-admin-react-test
> prettier --write --config ./.prettierrc './src/**/*.{ts,tsx}'
[error] Invalid configuration file `src/App.tsx`: ENOENT: no such file or directory, open '/.../.prettierrc'
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! ut-admin-web@3.1.0 prettier: `prettier --write --config ./.prettierrc './src/**/*.{ts,tsx}'`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the ...@3.1.0 prettier script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

我.prettierrc.json

{
"singleQuote": true,
"parser": "typescript",
"semi": false,
"useTabs": true,
"printWidth": 120
}

我.eslintrc.json

{
"env": {
"browser": true,
"es6": true
},
"extends": [
"prettier",
"prettier/react",
"eslint:recommended",
"plugin:react/recommended",
"plugin:@typescript-eslint/eslint-recommended",
"airbnb", 
"airbnb/hooks",
"prettier/@typescript-eslint",
"plugin:prettier/recommended"
],
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 2018,
"sourceType": "module"
},
"plugins": [
"react",
"@typescript-eslint"
],
"rules": {
}
}

最后是package.json的一部分

...
...
"lint": "eslint './src/**/*.{ts,tsx,js,jsx}'",
"lint:fix": "eslint --fix './src/**/*.{ts,tsx,js,jsx}'",
"prettier": "prettier --write --config ./.prettierrc './src/**/*.{ts,tsx}'"
...

Answer 1

将您的更漂亮的配置移动到package.json中的一个键中(并删除rc文件):

{
"dependencies": ...,
"prettier": {
"singleQuote": true,
"semi": false,
"useTabs": true,
"printWidth": 120
}
}

并将prettier脚本简化为

"prettier": "prettier --write ./src"

你会没事的。