【已解决】在 Vite 项目中使用 eslint-config-ali 时遇到的解析错误

这篇具有很好参考价值的文章主要介绍了【已解决】在 Vite 项目中使用 eslint-config-ali 时遇到的解析错误。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

重现错误

  1. 搭建 Vite 项目
pnpm create vite my-vue-app --template vue
  1. 安装
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
  1. 配置 .eslintrc
{
  "extends": ["eslint-config-ali/typescript/vue"]
}

错误信息

vite.config.ts 首行开始处位置:

Parsing error: ESLint was configured to run on <tsconfigRootDir>/vite.config.ts 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

错误原因

ESLint 识别包含在 include 属性中的内容,默认是从 tsconfig.json 中读取的,而 vite.config.ts 包含在 tsconfig.node.jsoninclude 属性中,通过 references 属性引用到 tsconfig.json 中,造成了 ESLint 识别不到该文件。

解决错误

修改 .eslintrcparserOptions.project 配置,增加 tsconfig.node.json,如下:

{
  "extends": ["eslint-config-ali/typescript/vue"],
  "parserOptions": {
    "project": ["tsconfig.json", "tsconfig.node.json"]
  }
}

🎉 搞定!文章来源地址https://www.toymoban.com/news/detail-774898.html

到了这里,关于【已解决】在 Vite 项目中使用 eslint-config-ali 时遇到的解析错误的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决:uniapp项目打包微信小程序或原生app包(wgt),报错:failed to load config from /xx/xx-mall/vite.config.ts

    项目使用技术: uniapp + vue3 + vite4.0.3 + node(v16.20.0) \\\"@dcloudio/uni-app\\\": \\\"3.0.0-alpha-3081220230731001\\\", \\\"@dcloudio/uni-mp-weixin\\\": \\\"3.0.0-alpha-3081220230731001\\\", \\\"vue\\\": \\\"^3.3.4\\\", \\\"vite\\\": \\\"4.0.3\\\", \\\"engines\\\": {        \\\"node\\\": \\\"=16.20.0\\\",       \\\"pnpm\\\": \\\"=8.0.0\\\" }, 最新测试: 使用 高版本node (v18.15.0), 删除node_module

    2024年02月04日
    浏览(48)
  • Vue+vite创建项目关于vite.config.js文件的配置

    Vue项目创建时,我们见过vue-cli 创建项目和webpack 创建项目等方式。 现在Vue 3版本使用npm/pnpm create vue@latest 创建项目,是搭配使用vite工具构建的。 创建完成的项目,最明显的去别就是,项目配置文件命名不同,当然,配置语法也有不同。 vue-cli 创建的项目,项目配置文件文件

    2024年02月12日
    浏览(56)
  • 使用 @antfu/eslint-config 配置 eslint (包含兼容uniapp方法)

    安装 pnpm i -D eslint @antfu/eslint-config 创建 eslint.config.js 文件 创建 .vscode/settings.json 文件 配置保存自动修复 (如果不需要可以跳过) 修改规则(适用于uniapp) 解释: vue/component-name-in-template-casing 为了解决在uniapp 里面驼峰命名组件无效的问题 ban-ts-comment 在使用ts校验忽略的时候需要加上

    2024年02月04日
    浏览(32)
  • vue3+Vite+TS项目,配置ESlint和Prettier

    实操过的有两种方式 1.vue脚手架 2.vite(推荐,也是尤大大团队研发) 具体怎么新建一个vue3项目就不多讲了,可以按照官方文档来 创建后的文件目录长这样 多提一句,vite也会随着时间不断迭代,后续项目结构可能还会发生变化,当前使用的vue版本 和vite版本也一并贴出来 下

    2024年04月15日
    浏览(52)
  • vite+react+ts+eslint+prettier构建react开发项目

    目录 一、构建项目 二、安装eslint和prettier的依赖 三、修改.eslintrc.cjs,创建.prettierrc.cjs 1、.eslintrc.cjs文件配置 2、ESlint忽略文件.eslintignore 3、.prettierrc.cjs文件配置  4、prettierrc忽略配置文件.prettierignore

    2024年02月11日
    浏览(45)
  • vite项目在jenkins自动打包报错:failed to load config from ../vite.config.js You installed esbuild on

    在window环境开发用的找不到 esbuild-windows-64 ,在linux环境构建需要使用 esbuild-linux-64 ,找不到 esbuild-linux-64 就会报错 实际报错: 报错原因: vite在linux环境打找不到 esbuild-linux-64 2种解决方案: 1、在linux环境下,打包前先 npm i esbuild-linux-64 2、在外网windows环境下运行以下命令(

    2024年02月13日
    浏览(61)
  • 搭建React项目,基于Vite+React+TS+ESLint+Prettier+Husky+Commitlint

    node: 20.10.0 安装包管理器pnpm 基于Vite创建项目 进入项目目录安装依赖 启动项目 1、初始化ESLint 按下图结果进行初始化选择: 按需选择完配置后,选择立即安装,就可一键安装相关依赖。安装成功后 ESLint 帮我们创建了 .eslintrc.cjs 配置文件(cjs 是指 CommonJS 格式)。 2、在项目

    2024年02月04日
    浏览(65)
  • vite+vue3运行项目报错failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘

    运行vite+vue3项目时报错: failed to load config from …/vite.config.ts error when starting dev server: Error: Cannot find module ‘node:path’ Require stack: /Users/list/Downloads/Admin-master/node_modules/vite/dist/node-cjs/publicUtils.cjs 百度了发现是node版本不够,于是去升级node到16版本 1.清除npm缓存: 2.安装node版本管

    2024年02月05日
    浏览(60)
  • vue3项目vite.config.js配置“代理”、“端口”、“打包名”、“图片压缩”

    前言 我们在搭建vue3项目的时候不可避免的会遇到“代理”、“端口”、“打包名”、“图片压缩”等配置问题,本文逐一讲述该怎么样在vite.config.js中去配置。 一、配置代理端口和代理转发 vite.config.ts添加如下代码 ts.config.json添加如下代码 图片压缩先要引入vite-plugin-imagem

    2024年02月07日
    浏览(82)
  • vite+vue3+ts+eslint+prettier+husky+lint-stated 项目搭建

    项目搭建 创建初始项目 Node.js 版本 14.18+,16+ npm create vite@latest my-vue-app --template vue-ts 添加eslint eslint 初始化 npm init @eslint/config eslint初始化脚本,按自己的要求选择相应的eslint 配置,以下是我选择的配置项 ✔ How would you like to use ESLint? · style ✔ What type of modules does your project

    2024年02月08日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包