TypeScript 項目 Airbnb 語法風格 ESLint 配置
1. 配置
安裝：
npm i -D eslint-config-airbnb-typescript @typescript-eslint/eslint-plugin@^6.0.0 @typescript-eslint/parser@^6.0.0
配置：
-
.eslintrc.js:
module.exports = { root: true, env: { node: true, browser: true, }, extends: [ 'airbnb-base', 'airbnb-typescript/base', ], parserOptions: { project: './tsconfig.json', }, }; -
tsconfig.json:
{ // ... "include": [ "src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx", "./*.js", // 匹配不到 `.eslintrc.js`，但可以匹配到 `webpack.config.js` "./.eslintrc.js", // 重點，缺少它會報如下錯誤 ] }
錯誤：文章來源：http://www.zghlxwxcb.cn/news/detail-790853.html
Parsing error: ESLint was configured to run on `<tsconfigRootDir>/.eslintrc.js` using `parserOptions.project`: <tsconfigRootDir>/tsconfig.json
However, that TSConfig does not include this file. Either:
- Change ESLint's list of included files to not include this file
- Change that TSConfig to include this file
- Create a new TSConfig that includes this file and include it in your parserOptions.project
See the typescript-eslint docs for more info: https://typescript-eslint.io/linting/troubleshooting#i-get-errors-telling-me-eslint-was-configured-to-run--however-that-tsconfig-does-not--none-of-those-tsconfigs-include-this-file
Process finished with exit code -1
注意：文章來源地址http://www.zghlxwxcb.cn/news/detail-790853.html
- webstorm 上修改完 tsconfig.json 的 include 屬性的值，需要重啟才會生效
2. 參考
- eslint-config-airbnb-typescript
- Solve parserOptions.project bug with Typescript and ESLint
到了這里，關(guān)于TypeScript 項目 Airbnb 語法風格 ESLint 配置的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
