为什么eslint在控制台中不显示打字稿错误?如果我理解正确,eslint应该在控制台中显示打字稿错误。如果不正确,请帮助我了解如何使用打字稿正确检查eslint错误?
我有一个.eslintrc.json配置。
{
"env": {
"browser": true,
"es6": true
},
"extends": [
"airbnb",
"prettier",
"eslint:recommended",
"plugin:react/recommended",
"plugin:@typescript-eslint/eslint-recommended"
],
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 2018,
"sourceType": "module"
},
"plugins": ["prettier", "react", "@typescript-eslint"],
"rules": {
"prettier/prettier": ["error"],
"react/jsx-filename-extension": [1, { "extensions": [".ts", ".tsx"] }]
},
"settings": {
"react": {
"version": "detect"
}
}
}
我的混蛋
{
"presets": [
[
"@babel/preset-env",
{
"corejs": 3,
"useBuiltIns": "usage",
"modules": false,
"loose": true,
"targets": ["last 1 version", "> 1%", "not dead", "not IE 11", "not ie_mob 11"],
"debug": true
}
],
"@babel/preset-react",
"@babel/preset-typescript"
]
}
package.json中的脚本
"lint:es": "eslint --ext=.js,.ts,.tsx src"
一般来说,我想在运行Webpack开发人员时添加TypeScript结束linter检查。
答案 0 :(得分:-1)
您需要指定项目“ tsconfig.json”
"parserOptions": {
"sourceType": "module",
"ecmaVersion": 2018,
"ecmaFeatures": {
"jsx": false
},
"project": ["./tsconfig.json"],
"tsconfigRootDir": "./"
}
然后在package.json上添加:
"lint": "eslint \"src/**/*.ts\""
并在您需要的tsconfog.json
上
"compilerOptions": {
....
},
"include": [
"./src/*.ts",
"./src/**/*.ts",
"./src/**/**/*.ts",
"./src/**/**/**/*.ts",
"./src/**/**/**/**/*.ts",
"./src/**/**/**/**/**/*.ts",
],
"exclude":[
"./node_modules/"
]