前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >npm运行项目报错:No ESLint configuration found 的解决方法

npm运行项目报错:No ESLint configuration found 的解决方法

作者头像
德顺
发布2023-08-25 13:14:02
1.4K0
发布2023-08-25 13:14:02
举报
文章被收录于专栏:前端资源前端资源

今天接受了一个 Vue 项目,在执行  npm run serve 命令运行项目时报错:

代码语言:javascript
复制
Error: No ESLint configuration found.

解决方法:

安装 ESlint 并初始化配置:

方法一:

全局安装 ESLint :

代码语言:javascript
复制
npm i eslint -g

生成配置文件:

代码语言:javascript
复制
eslint --init

根据自己的项目需求进行设置:

代码语言:javascript
复制
√ How would you like to use ESLint? · problems
√ What type of modules does your project use? · esm
√ Which framework does your project use? · vue
√ Does your project use TypeScript? · No / Yes
√ Where does your code run? · browser
√ What format do you want your config file to be in? · JavaScript
The config that you've selected requires the following dependencies:

eslint-plugin-vue@latest
? Would you like to install them now with npm? » Yes
方法二:

在项目中安装 ESLint :

代码语言:javascript
复制
npm install eslint --save-dev

生成配置文件:

代码语言:javascript
复制
./node_modules/.bin/eslint --init

初始化成功后,会在项目根目录生成一个 .eslintrc.js 文件,文件内容:

代码语言:javascript
复制
module.exports = {
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:vue/essential"
    ],
    "parserOptions": {
        "ecmaVersion": 12,
        "sourceType": "module"
    },
    "plugins": [
        "vue"
    ],
    "rules": {
    }
};

这里我还遇到一个问题,运行时报错:

代码语言:javascript
复制
Syntax Error: Error: D:\vue\rcyj-settle-web\.eslintrc.js:
        Environment key "es2021" is unknown
    at Array.forEach (<anonymous>)

这是因为 eslint-plugin-standard 版本不兼容。

解决方法:

eslint-config-standard 版本进行降级为 ^14.1.1

代码语言:javascript
复制
npm i eslint-config-standard@14.1.1 eslint-plugin-standard -D --save

然后删除 .eslintrc.js 里面 "env" 中的 "es2021" 属性即可。

未经允许不得转载:w3h5-Web前端开发资源网 » npm运行项目报错:No ESLint configuration found 的解决方法

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-04-15),如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 解决方法:
    • 方法一:
      • 方法二:
        • 解决方法:
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档