我用——template typescript创建了一个新的React Native项目
我删除了作为样板的一部分的模板目录。
然后我继续添加ESLint:
module.exports = {
parser: "@typescript-eslint/parser",
plugins: ["@typescript-eslint"],
extends: ["airbnb-typescript-prettier"]
};
然而，当我打开babel.config.js时，我得到这个错误
解析错误:"parserOptions. "已经为@typescript-eslint/parser设置了Project "。 该文件与您的项目配置不匹配:/Users/Dan/site/babel.config.js。 该文件必须包含在至少一个提供的项目中。eslint
当前回答
在.eslintrc中设置parserOptions如下所示
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 2019,
"sourceType": "module"
},
其他回答
我在添加'@typescript-eslint/prefer- nulish -coalescing': 'error'到.eslintrc.js时也遇到了同样的问题。
经过大量的试验和错误，我想出了这个解决方案，在我的情况下很管用:
module.exports = {
...
overrides: [
{
files: ['*.ts', '*.tsx'],
parserOptions: {
// this setting is required to use rules that require type information
project: './tsconfig.json',
},
rules: {
'@typescript-eslint/prefer-nullish-coalescing': 'error',
},
},
],
}
我只需要将路径添加到新的tsconfig。Json在项目数组和eslint脚本中，这个问题就消失了。
tsconfig.json:
project: ["./newfolder/tsconfig.json"]
package.json:
"eslint": "eslint -c ./.eslintrc.js './newfolder/**/*.ts'"
你可以为eslint配置创建一个单独的TypeScript配置文件(tsconfig.eslint.json)。该文件扩展了tsconfig配置和设置，包括必须检测的文件的key。
.eslint.js:
// ...
parserOptions: {
// ...
project: "./tsconfig.eslint.json",
// ...
},
// ...
tsconfig.eslint.json:
{
"extends": "./tsconfig.json",
"include": [
// ...
"babel.config.js"
]
}
或者如果你想忽略它，你可以把它放在。eslintignore。
eslintignore:
// ...
babel.config.js
对我来说，这个问题发生在parserOptions中列出的项目时。项目扩展了基本的tsconfig。Json，它排除了这个文件。
删除extends: './tsconfig. txt。来自parserOptions中列出的项目的json。项目或从基本配置中删除exclude可以修复该问题。但是这种解决方法并不实用，因为我们需要扩展基本配置。
重写属性exclude将非常有帮助。
tsconfig.spec.json
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./dist",
"types": ["jest"]
},
"include": ["**/*.spec.ts"],
"exclude": [""]
}
Linux -我的项目目录/home/user/projects是到/usr/share/dev/projects的符号链接我删除了符号链接和一切工作现在。
我得到的错误是告诉我无法找到任何。tsx文件在“../../../..”/{应用名称/路径}”
我希望我的故障排除时间能帮助到某人:)
