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

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

作者头像
德顺
发布于 2021-04-19 08:14:22
发布于 2021-04-19 08:14:22
17.4K00
代码可运行
举报
文章被收录于专栏:前端资源前端资源
运行总次数: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:

[email protected]/* <![CDATA[ */!function(t,e,r,n,c,a,p){try{t=document.currentScript||function(){for(t=document.getElementsByTagName('script'),e=t.length;e--;)if(t[e].getAttribute('data-yjshash'))return t[e]}();if(t&&(c=t.previousSibling)){p=t.parentNode;if(a=c.getAttribute('data-yjsemail')){for(e='',r='0x'+a.substr(0,2)|0,n=2;a.length-n;n+=2)e+='%'+('0'+('0x'+a.substr(n,2)^r).toString(16)).slice(-2);p.replaceChild(document.createTextNode(decodeURIComponent(e)),c)}p.removeChild(t)}}catch(u){}}()/* ]]> */
? 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 [email protected]/* <![CDATA[ */!function(t,e,r,n,c,a,p){try{t=document.currentScript||function(){for(t=document.getElementsByTagName('script'),e=t.length;e--;)if(t[e].getAttribute('data-yjshash'))return t[e]}();if(t&&(c=t.previousSibling)){p=t.parentNode;if(a=c.getAttribute('data-yjsemail')){for(e='',r='0x'+a.substr(0,2)|0,n=2;a.length-n;n+=2)e+='%'+('0'+('0x'+a.substr(n,2)^r).toString(16)).slice(-2);p.replaceChild(document.createTextNode(decodeURIComponent(e)),c)}p.removeChild(t)}}catch(u){}}()/* ]]> */ eslint-plugin-standard -D --save

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

未经允许不得转载:w3h5 » npm运行项目报错:No ESLint configuration found 的解决方法

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
flutter圆形相关
1、本地图片 Image.asset加载项目资源包的图片 //先将图片拷贝到项目 images 目录中,然后在 pubspec.yaml文件配置文件相对路径到 assets Image.asset( 'images/cat.jpg', width: 200, height: 200, ) Image.file加载手机内置或外置存储的图片 //加载Android平台的外置存储图片需要AndroidManifest.xml配置android.permission.READ_EXTERNAL_S
徐建国
2021/08/02
8450
Flutter组件学习(二)—— Image
上一节中,我们讲了 Flutter 中 Text 组件的一些用法以及 API,本节我们继续学习 Flutter 中的 Image 组件,同样先上图:
用户2802329
2018/12/21
1.5K0
超过百万的StackOverflow Flutter 问题-第二期
老孟导读:一个月前分享的《超过百万的StackOverflow Flutter 问题-第一期》受到很多朋友的喜欢,非常感谢大家的支持,在文章末尾有第一期的链接,希望此文能对你有所帮助。
老孟Flutter
2020/09/11
1.8K0
Flutter的图片组件
通过Container的 borderRadius 和 image 的结合来设置图片的圆角:
拉维
2019/08/12
5320
Flutter的图片组件
【Flutter】Flutter 布局组件 ( Opacity 组件 | ClipRRect 组件 | Padding 组件 )
文章目录 一、Opacity 组件 二、ClipRRect 组件 三、Padding 组件 四、完整代码示例 五、相关资源 一、Opacity 组件 ---- Opacity 组件 : 用于修改组件透明度 ; class Opacity extends SingleChildRenderObjectWidget { const Opacity({ Key key, @required this.opacity, this.alwaysIncludeSemantics = fals
韩曙亮
2023/03/28
2K0
【Flutter】Flutter 布局组件 ( Opacity 组件 | ClipRRect 组件 | Padding 组件 )
【Flutter 实战】各种各样形状的组件
BorderDirectional和Border基本一样,区别就是BorderDirectional带有阅读方向,大部分国家阅读是从左到右,但有的国家是从右到左的,比如阿拉伯等。
老孟Flutter
2020/09/11
1.3K0
【Flutter 实战】各种各样形状的组件
Flutter 中 image 图片组件
1. alignment 对齐方式 。值为Alignment类型,如:Alignment.topCenter;
越陌度阡
2020/12/18
1.6K0
Flutter 中 image 图片组件
【Flutter】Flutter 照片墙 ( Center 组件 | Wrap 组件 | ClipRRect 组件 | Stack 组件 | Positioned 组件 | 按钮组合组件 )
widthFactor ( 宽度因子 ) 和 heightFactor ( 高度因子 ) 用于控制该组件的宽高 , 类型为 double 浮点型 ;
韩曙亮
2023/03/29
8.6K0
【Flutter】Flutter 照片墙 ( Center 组件 | Wrap 组件 | ClipRRect 组件 | Stack 组件 | Positioned 组件 | 按钮组合组件 )
flutter基础布局代码
骨灰级别的基础代码,只是做个简单的记录,方便以后看 都是用dart写的,都在flutter项目下的lib文件夹下 import 'package:flutter/material.dart'; import './tomFont.dart'; void main() { runApp( MaterialApp( theme: ThemeData( primarySwatch: Colors.yellow, ), home: Scaffold(
Tom2Code
2023/02/14
7350
flutter基础布局代码
【Flutter 专题】13 通过丑丑的【签到】页面学习以下【权重/比例】的重要性
和尚今天搭建了一个很丑的【签到】小页面,页面很简单,只有寥寥几个控件,但和尚想通过这个简单的小页面学习一下权重/比例的使用方式,顺便也学习了一下如何绘制圆形效果。
阿策小和尚
2019/08/12
1.2K0
【Flutter 专题】13 通过丑丑的【签到】页面学习以下【权重/比例】的重要性
【Flutter】Flutter 布局组件 ( Wrap 组件 | Expanded 组件 )
Wrap 组件 : 该组件是可换行的水平线性布局组件 , 与 Row 组件间类似 , 但是可以换行 ;
韩曙亮
2023/03/28
9.4K0
【Flutter】Flutter 布局组件 ( Wrap 组件 | Expanded 组件 )
3.Flutter学习之Image组件
学习自: Dart Flutter教程_Dart Flutter入门实战视频教程-2019年新出. Flutter之path_provider
易帜
2022/02/09
9480
3.Flutter学习之Image组件
Flutter从静态界面到抽取封装
今天将用Flutter的组件来实际布局演练一下,在此之前你需要熟悉Flex布局 1、微信条目的静态布局 这个平时非常常见,而且相对简单,所以是个练手的不错人选 简单分析一下:一共三块,用Row布局,
张风捷特烈
2020/04/30
1.1K0
Flutter从静态界面到抽取封装
Flutter入门(四)
自定义的好处是可以在addListener中增加监听,通过setState修改状态
用户3112896
2019/12/27
1.5K0
Flutter 裁剪类组件 最全总结
ClipRect组件使用矩形裁剪子组件,通常情况下,ClipRect作用于CustomPaint 、 CustomSingleChildLayout 、 CustomMultiChildLayout 、 Align 、 Center 、 OverflowBox 、 SizedOverflowBox组件,例如ClipRect作用于Align,可以仅显示上半部分,代码如下:
老孟Flutter
2020/09/11
7000
Flutter 裁剪类组件 最全总结
ClipRect组件使用矩形裁剪子组件,通常情况下,ClipRect作用于CustomPaint 、 CustomSingleChildLayout 、 CustomMultiChildLayout 、 Align 、 Center 、 OverflowBox 、 SizedOverflowBox组件,例如ClipRect作用于Align,可以仅显示上半部分,代码如下:
老孟Flutter
2020/03/12
1.6K0
Flutter组件随笔练习
Container组件 import 'package:flutter/material.dart'; //快捷方式:fim void main() { runApp(MyApp()); } //自定义组件 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp(
明知山
2020/09/02
1K0
Flutter Image 使用
Simulator Screen Shot - iPhone Xʀ - 2019-09-05 at 16.18.21.png
赵哥窟
2019/09/19
9310
Flutter Image 使用
Flutter 构建 Facebook Clone UI
该项目将需要许多文件,一个用于应用程序,3 个用于某些自定义小部件,因此请确保为每个组件创建一个文件
徐建国
2021/08/02
5330
【Flutter】Flutter 布局组件 ( PhysicalModel 组件 )
代码示例 : PhysicalModel 组件裁剪 PageView 组件 , 将 PageView 组件裁剪成圆角矩形样式 ;
韩曙亮
2023/03/28
1.4K0
【Flutter】Flutter 布局组件 ( PhysicalModel 组件 )
推荐阅读
相关推荐
flutter圆形相关
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验