Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >npm运行项目报错:No ESLint configuration found 的解决方法

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

作者头像
德顺
发布于 2023-08-25 05:14:02
发布于 2023-08-25 05:14:02
3.1K00
代码可运行
举报
文章被收录于专栏:前端资源前端资源
运行总次数:0
代码可运行

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Error: No ESLint configuration found.

解决方法:

安装 ESlint 并初始化配置:

方法一:

全局安装 ESLint :

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm i eslint -g

生成配置文件:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
eslint --init

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
√ 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
代码运行次数:0
运行
AI代码解释
复制
npm install eslint --save-dev

生成配置文件:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
./node_modules/.bin/eslint --init

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

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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
代码运行次数:0
运行
AI代码解释
复制
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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
npm运行项目报错:No ESLint configuration found 的解决方法
今天接受了一个 Vue 项目,在执行  npm run serve 命令运行项目时报错:
德顺
2021/04/19
17.2K0
npm运行项目报错:No ESLint configuration found 的解决方法
Taro3小程序中使用eslint standard校验踩坑
在taro项目中,一般很少有集成其他eslint 格式校验规则的情况,如 standard / airbnb 等,但没准呢,对于所有项目都使用相同校验规则的团队来说,别人就是想集成自己喜欢的校验规则,就是不中意taro自带的校验规则。 如何在taro3中集成standard校验规则?这是我遇到的问题,记录下正确填坑方式。 在网上搜索了很多解决方法,大部分都是先装上 eslint-config-standard 依赖,然后再在 .eslintrc.js下 extends属性中配置 extends:['standard'],在经过一翻折腾之后,发现这种方式很不方便,不仅需要安装 eslint-config-standard 依赖,还要手动安装其他的一些杂七杂八的依赖,而且具体需要哪些依赖,你缺哪些依赖,哪些依赖版本应该怎么定,都会把人弄晕。
CherishTheYouth
2021/04/20
1.5K0
Taro3小程序中使用eslint standard校验踩坑
emo——给项目配置prettier,eslint,husky加强协作规范
给自己的一个初始化项目配置一些规范; Prettier - Code formatter: Prettier - Code formatter ESLint: ESLint Git gitignore: https://git-scm.com/docs/gitignore#_pattern_format
思索
2024/08/15
1140
emo——给项目配置prettier,eslint,husky加强协作规范
项目eslint从零到一
eslint在项目里并不太陌生,通常在使用脚手架时,会默认让你安装执行的eslint,当公司项目比较规范时,常常会配置组内统一的eslint规则,eslint帮助我们在开发阶段检查代码是否符合标准规范,统一了我们组内不同项目代码风格,也可以帮助我们养成良好的代码习惯,统一eslint对于项目的可维护性必不可少,今天我们一起学习一下如果改进你项目的规范。
Maic
2022/07/28
1.6K0
项目eslint从零到一
学习 Vue 3 全家桶 - Vue 项目规范和基础封装
像 axios、 NProgress、xlsx、clipboard 等相对独立的工具来说,引入的难度非常低。
Cellinlab
2023/05/17
3040
【工程搭建】从零搭建一个 typescript + express + eslint 工程
对于前端开发人员而言,ts 已经逐渐成为了一项必不可少的技能,类型检查可以帮助我们在开发时避免一些不必要的 bug ,随着各种技术的不断成熟,在服务器端书写 ts 也日益成为主流。本文将记录如何从零搭建一个 typescript + express + eslint 的工程。
一尾流莺
2022/12/10
1.2K0
【工程搭建】从零搭建一个 typescript + express + eslint 工程
ESLint 的配置及使用
JavaScript是一门神奇的动态语言,它在带给我们编程的灵活性的同时也悄悄埋下了一些地雷。除了基本的语法错误能在程序一启动的时候被检测到之外,很多隐含的错误都是在运行的时候才突然地蹦出来。除非你的程序有着100%的测试覆盖率,否则说不定哪天就会因为一个xxx is undefined而导致程序崩溃,而为了避免这样的错误可能你只需要在提交代码的时候用工具静态分析一下,仅此而已。
OECOM
2020/07/01
1.7K0
深入浅出 Eslint,告别 Lint 恐惧症
对于 Lint 配置的不了解导致项目中总是会莫名其妙的提示报错,这应该是大多数同学面临的窘境。
19组清风
2022/09/27
2K0
深入浅出 Eslint,告别 Lint 恐惧症
给 eslint 写一个插件
eslint 是非常有名的 linter,地球上每一个 JavaScript 程序员都应该知道。
疯狂的技术宅
2020/12/15
8810
从0到1开发一个简单的 eslint 插件
前言:eslint我们常应用在代码静态扫描中,通过设定的eslint的语法规则,来对代码进行检查,通过规则来约束代码的风格,以此来提高代码的健壮性,避免因为代码不规范导致应用出现bug的可能。而规则是
树酱
2021/06/18
1.1K0
从0到1开发一个简单的 eslint 插件
创建公司内部使用的eslint-config-package
在现今的 JavaScript 项目中,为了确保代码的品质和编写风格,ESLint 的设置和使用几乎可以算是标配。
写bug的高哈哈
2025/02/01
1010
创建公司内部使用的eslint-config-package
前端科普系列(5):ESLint - 守住优雅的护城河
【前端科普系列】帮助阅读者了解web前端,主要覆盖web前端的基础知识,但不深入讲解,定位为大而全并非细而精,适合非前端开发的同学对前端有一个系统的认识,能更好的与前端开发协作。尽可能的写成科普类文章,对于前端开发而言,只适合刚入门的新手。
2020labs小助手
2020/10/28
2.4K0
esLint基本使用
npm i eslint eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node eslint-plugin-html 2.新键配置文件.eslintrc { "extends": "standard", "plugins": ["html"] } 3.配置package.json "scripts": { ...
切图仔
2022/09/08
7240
Eslint使用入门指南
ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。
Snine
2022/02/21
2.2K0
ESLint报错解决方案(error: No ESLint configuration found)
在项目部署中出现报错error: No ESLint configuration found,编辑器vscode。
从入门到进错门
2018/08/21
29.5K0
ESLint静态代码检查
ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。如果每次在代码提交之前都进行一次eslint代码检查,就不会因为某个字段未定义为undefined或null这样的错误而导致服务崩溃,可以有效的控制项目代码的质量。
xiangzhihong
2022/11/30
2.2K0
vue3+vite+ts配置eslint+husky
husky是一个Git Hook,可以帮助我们对commit前,push前以及commit提交的信息进行验证,现在我们就来安装并配置一下这个工具,首先通过自动配置命令安装,命令如下:
kif
2023/02/27
1.6K0
ESLint 配置入门
ESLint 是一款检查 JavaScript 程序是否符合特定的规则的工具。比如字符串用单引号还是双引号,tab 缩进用 2 个空格还是 4 个空格还是其他,这些都可以用 ESLint 来规定。
前端西瓜哥
2022/12/21
1.6K0
ESLint 配置入门
vscode eslint配置vue遇到的问题
一、准备工作 vscode里安装eslint和vetur插件,全局安装eslint,并在项目根目录中eslint --init 二、Cannot find module 'eslint-config-standard'...或者安装module失败 解决:全局安装错误提示中的包,例如上面错误,就npm i -g eslint-config-standard,删除.eslintrc.js文件,重新在项目根目录中eslint --init,并重启vscode。 三、.vue文件中出现的Adjacent JSX
mcq
2018/06/20
2.8K0
eslint遇到的报错
解决方案:https://stackoverflow.com/questions/62903921/how-do-i-fix-eslint-createrequire-is-not-a-function-in-atom-editor
蓓蕾心晴
2022/05/09
1.9K0
相关推荐
npm运行项目报错:No ESLint configuration found 的解决方法
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验