我用——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
当前回答
执行npm i -D @types/node 包括对*.config.js文件的typescript支持:
tsconfig.json:
{
"include": [
"**/*.config.js" // for *.config.js files
]
}
然后重新加载IDE!
其他回答
该错误意味着有一个文件可以编译，但不属于当前定义的项目结构。有几种解决方案:
如果你不关心文件是否编译(即。配置文件等)
将文件名添加到.eslintignore
or
将文件或文件模式添加到.eslintrc.js文件中
ignorePatterns: ["babel.config.js"]
// or
ignorePatterns: ["**/*.config.js"]
您希望编译该文件
将文件、文件夹或模式添加到tsconfig中。json文件
include": [
"src",
"other_src",
]
说明部分修改需要重启IDE才能生效
Despite assurances that typescript definitely, absolutely, never caches anything, I suspected this was a caching issue after, when getting annoyed at incessant typescript errors while debugging and developing a feature, I modified my tsconfig.json to exclude my src directory temporarily. Upon reverting the change, and restarting my typescript server running through WebpackDevServer, I had this error, and got rid of it by doing yarn cache clean to clear my yarn cache, as well as rm -rf node_modules to delete my node modules folder. Then I re installed my packages with yarn and when I ran my devserver again, typescript/tslint no longer showed this error.
在我的ESLint配置中，我有以下配置:
.eslintrc.js
module.exports = {
root: true,
env: {
node: true,
},
globals: {
Promise: "readonly"
},
parser: "@typescript-eslint/parser",
parserOptions: {
sourceType: "module",
tsconfigRootDir: __dirname,
project: ["./tsconfig.eslint.json"],
},
plugins: ["@typescript-eslint"],
extends: [
"eslint:recommended",
"prettier/@typescript-eslint",
"plugin:@typescript-eslint/recommended",
"plugin:@typescript-eslint/recommended-requiring-type-checking",
],
}
更新 修复的关键部分是:
parser: "@typescript-eslint/parser"
这:
parserOptions: {
sourceType: "module",
tsconfigRootDir: __dirname,
project: ["./tsconfig.eslint.json"], // could be tsconfig.json too
}
不要忘记在tsconfig.json的include数组中包含该文件或文件的目录。
只需在.eslintrc.js文件中添加以下代码。
ignorePatterns: ['.eslintrc.js']
在".eslintignore"中添加一行:
.eslintrc.js
