重現(xiàn)錯(cuò)誤
- 搭建 Vite 項(xiàng)目
pnpm create vite my-vue-app --template vue
- 安裝
pnpm i -D eslint-config-ali @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-import eslint-import-resolver-typescript vue-eslint-parser eslint-plugin-vue
- 配置
.eslintrc
{
"extends": ["eslint-config-ali/typescript/vue"]
}
錯(cuò)誤信息
在 vite.config.ts 首行開始處位置：
Parsing error: ESLint was configured to run on
<tsconfigRootDir>/vite.config.tsusingparserOptions.project: <tsconfigRootDir>/tsconfig.jsonHowever, 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
錯(cuò)誤原因
ESLint 識(shí)別包含在 include 屬性中的內(nèi)容，默認(rèn)是從 tsconfig.json 中讀取的，而 vite.config.ts 包含在 tsconfig.node.json 的 include 屬性中，通過(guò) references 屬性引用到 tsconfig.json 中，造成了 ESLint 識(shí)別不到該文件。
解決錯(cuò)誤
修改 .eslintrc 的 parserOptions.project 配置，增加 tsconfig.node.json，如下：文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-774898.html
{
"extends": ["eslint-config-ali/typescript/vue"],
"parserOptions": {
"project": ["tsconfig.json", "tsconfig.node.json"]
}
}
?? 搞定！文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-774898.html
到了這里，關(guān)于【已解決】在 Vite 項(xiàng)目中使用 eslint-config-ali 時(shí)遇到的解析錯(cuò)誤的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
