安装vite-plugin-eslint后eslint报错

来源：3-6 使用 eslint 规范代码

慕码人0782422

2022-12-02

安装eslint和vite-plugin-eslint后，在viite.config.js引入vite-plugin-eslint开始出现报错。
图片描述

------------------------------------分割线 ---------------------------------------
手动添加parserOptions:{parser:’@typescript-eslint/parser’}解析器后运行报错，如图

于是换成parserOptions:{project:[’./tsconfig.json’]}还是报错，如图

麻烦老师帮看一下

写回答

3回答

张轩

2022-12-09

同学你好

我使用你最新的代码，直接clone 下来，然后 npm install，然后 npm run dev，就成功启动了，没有任何的错误。请看截图：

//img.mukewang.com/szimg/6392980f092d771307400268.jpg

所以只能猜测是 nodejs 版本问题或者系统问题了，提供一下我现在的版本：

  Binaries:
    Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node
    Yarn: 1.17.3 - ~/.yarn/bin/yarn
    npm: 8.1.0 - ~/.nvm/versions/node/v16.13.0/bin/npm

慕码人0782422

好的谢谢老师

2022-12-10

共1条回复

张轩

2022-12-06

同学你好

请按照这样的步骤操作。

1 删除 node_modules 
2 重新安装 npm install
3 安装 vue-eslint-typescript 的官方包
npm install @vue/eslint-config-typescript --save-dev
https://www.npmjs.com/package/@vue/eslint-config-typescript
4 添加eslint配置： 原来的都不要了，先留两个
extends: [
    //vue 的规则
    'plugin:vue/vue3-essential',
    // vue ts 的规则
    '@vue/eslint-config-typescript'
],
5 启动成功

亲测有效～可用～

慕码人0782422

张轩

我重新创建项目再按老师给的建议操作，gitee已更新代码库，老师帮clone到本地看看vite-plugin-eslint的问题，其实一开始也是因为使用这个插件引起的报错

2022-12-08

共5条回复

张轩

2022-12-02

同学你好

请提供一下你的代码库（git），我在本地帮你看下，谢谢。

慕码人0782422

张轩