解决vite-plugin-eslint引入type类型报错的问题

这篇具有很好参考价值的文章主要介绍了解决vite-plugin-eslint引入type类型报错的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

无法找到模块“vite-plugin-eslint”的声明文件。“xxxx”隐式拥有 "any" 类型。
There are types at 'xxxxx/index.d.ts', 
but this result could not be resolved when respecting package.json "exports".
The 'vite-plugin-eslint' library may need to update its package.json or typings.ts(7016)

目前看npm包更新时间在一年前,报错原因可能是由于typescript变更导致依赖包package.json不匹配。

看了github上各个大神提出的解决方案,有点看不懂,搞了很久才大致摸索出了,所以分享下
————————————————

思路是使用patch-package修改vite-plugin-eslint包源文件

patch-package具体使用方法可以参考:

【patch-package】修改node_modules下的依赖包源码-CSDN博客

pnpm i patch-package

pnpm patch vite-plugin-eslint

pnpm patch-commit  xxxxx地址
修改内容如下:

1.复制一份index.js 改为 index.cjs

2.修改package.json文件内容文章来源地址https://www.toymoban.com/news/detail-839597.html

  "main": "./dist/index.cjs",
  "module": "./dist/index.mjs",
  "types": "./dist/index.d.ts",
  "exports": {
     ".": {
      "require": "./dist/index.cjs",
      "import": "./dist/index.mjs",
      "types": "./dist/index.d.ts"
    }
  },

到了这里,关于解决vite-plugin-eslint引入type类型报错的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

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

    搭建 Vite 项目 安装 配置 .eslintrc 在 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 tha

    2024年02月03日
    浏览(45)
  • vite vue3+ts @引入无提示/解决提示报错

    1. setting.json  这时候已经有提示了 但是ts会报错   tsconfig.json  以@开头代表src目录下 以#开头代表ts目录下  配置好后 重新引入 没有红色波浪线但是 vite不认识 @符号 运行项目还是会报错  这时候就需要在vite.config.ts中添加配置 如果path会报错 需要下载一下@types/node 再重启下

    2024年02月15日
    浏览(51)
  • vite.config.js配置-解决跨域问题,以及@vitejs/plugin-vue等报错

    在配置的过程中踩了很多坑,还是太菜,有些东西弄不明白什么意思。 运行项目时的报错可直接到最下面看vite.config.js文件的注释 目前项目用到的模块并不多,package.json文件如下 其实主要还是这些模块的版本兼容问题 vite的版本最开始是1.0.0,后面很多地方搞不下去了才卸载

    2023年04月08日
    浏览(44)
  • 使用vite-plugin-style-import插件报错Cannot find module ‘consola‘和解决方法

    使用的 Vite创建的项目,使用 unplugin-vue-components 来进行按需加载。但是此插件无法处理非组件模块,如 message,这种组件需要手动加载,如: 由于已按需导入了组件库,因此仅样式不是按需导入的,因此只需按需导入样式即可。 使用 vite-plugin-style-import 可以帮助我们按需引

    2024年02月15日
    浏览(41)
  • 解决项目迁移vite引入图片资源报require is not defined的问题

    Vite是一种轻量快速的前端构建工具,能够显著提升前端开发体验,而且官方已经发布v4版本,相对比较稳定。在把VueCli搭建的项目迁移到Vite的过程中遇到了个问题,下面分享一下问题及解决办法。 在 script 标签里面引入的图片资源没生效,然后一看控制台,报错显示 require

    2024年02月03日
    浏览(48)
  • eslint-webpack-plugin

    说明:现在eslint已经弃用了eslint-loader,如果要安装来使用的话,会报错,烦死人 大概的报错信息如下: ERROR in ./src/index.js Module build failed (from ./node_modules/eslint-loader/dist/cjs.js): TypeError: Cannot read property ‘getFormatter’ of undefined 那么我们现在一般使用eslint提供的eslint-webpack-plugin插

    2024年02月15日
    浏览(49)
  • 解决vue3+vite项目中引入mockjs失败的问题--无法找到模块“mockjs”的声明文件

     看到上面报错,根据提示 修改声明方式 declare module \\\'mockjs\\\'  我们修改一下引入的声明,发现修改之后仍然报错;    解决方法: 需要在vite-env.d.ts文件中,添加  declare module \\\'mockjs\\\',保存即可  然后就可以正常使用了  

    2024年02月11日
    浏览(49)
  • 解决vite构建库模式和 es 格式中css样式加载问题(也可单独在组件下引入)

    注:如果同一个项目使用多个组件,引入的CSS样式名相同会导致CSS样式来回覆盖导致错误 3. 安装 4. 用法

    2024年02月03日
    浏览(46)
  • 安装vite框架,报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法

    代码编辑器:vscode ,使用vue3,所以安装了 Volar 插件,可以使 vue 代码高亮显示,不同颜色区分代码块,以及语法错误提示等 提示:如果使用的是vue2,则使用 Vetur 插件;使用 vue3 的话 ,要禁用 Vetur 插件,然后用 Volar 插件。两个插件不要同时使用,会冲突。 报错描述: 安装

    2024年02月11日
    浏览(53)
  • 运行 Vue项目出现报错:10% building 2/5 modules 3 active ...dmin\node_modules\@vue\cli-plugin-eslint的解决方法

    最近在运行vue项目时出现了很多错误,由于作者在这方面是个小白😏,这里特此记录一下问题及解决方法 首先安装环境 node.js,这里没有什么好说的。网上有很多教程 ❌ 问题一 运行项目出现报错 ‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

    2024年02月09日
    浏览(52)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包