typescript - 为什么 eslint 不显示打字稿错误?
问题描述
为什么 eslint 不在控制台中显示打字稿错误?如果我理解正确的 eslint 应该在控制台中显示打字稿错误。如果不是真的,请帮助我了解如何正确使用 typescript 检查 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"
}
}
}
我的 babelrc
{
"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 devs erver 时添加打字稿结束 linter 检查。
解决方案
您需要指定项目“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/"
]
推荐阅读
- ms-access - 从表单访问查询条件
- javascript - Django Python:无法从 Python QueryDict 访问通过 AJAX 传递的 JS 对象
- angular5 - 类型'可观察的
' 不可分配给类型错误。适用于 Ang 5 而不是 v6 - javascript - 如何将文本转语音置于循环中
- angular - 当角度 4 中的链接上没有路由时,如何处理会话超时(或过期令牌)
- java - 在不复制模型的情况下使用 Ebean View `@View`
- wordpress - 使用术语 id 获取 slug
- c# - 动态更改连接字符串时出错
- javascript - 如何使用charts.js 2 从图表外部触发悬停模式?
- java - 如何在 android studio 中修复 Java 的堆大小问题