vite-plugin-eslint 报错无法找到模块含有any类型

在新版Vite中使用“vite-plugin-eslint”引发报错的解决办法，报错内容无法找到模块，隐士含有any类型。

vite-plugin-eslint

前言：

跟随vite前进的脚步，在对框架升级时引发了种种报错，其中就有“vite-plugin-eslint”引发的报错，在此记录下它的解决办法。

版本配置：

vite : 5.3.1

typescript : 5.2.2

报错内容：

1. 找不到模块 vite-plugin-eslint 的声明文件。

2. 元素具有any类型

报错截图：

报错原因：

在新版的 TypeScript 中，已经不再使用 package.json 文件中根结构中的 types 字段指明 TS 声明文件位置，而是在 exprots 中相应的导入方式中添加 typs 字段指明 TS 声明文件位置。

? 文档说明

解决方案一：

由于vite-plugin-eslint的原作者目前停止更新了，最优解是使用平替插件“@nabla/vite-plugin-eslint“。

? nabla/vite-plugin-eslint

安装命令：

npm i @nabla/vite-plugin-eslint -D

使用方法：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import eslintPlugin from '@nabla/vite-plugin-eslint'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    eslintPlugin({})
  ],
})

解决方案二：

参考ts说明，在package.json中添加如下配置，添加完成后重启工具，不保证一定生效。

  "exports": {
    ".": {
      "import": {
        "types": "./dist/index.d.ts",
        "default": "./dist/index.mjs"
      },
      "require": "./dist/index.js"
    }
  }

若您有任何疑惑或见解请在下方评论区留言讨论，若本文对您有所帮助麻烦点个赞再走把~~