eslint `(prettier prettier) 报错

2024-09-02

🔥完美解决ESlint+Prettier各项配置冲突的语法报错问题（新手向）

本文重点: 1.解决修改了Prettier默认配置,项目内格式化无法生效 2.解决Prettier缺少配置,函数名和括号之间,自动添加空格 3.settings.json配置项分享一个程序员,可能非常精通写代码,但是平时很少接触的配置项,会让他更加焦头烂额,复制这些配置项,减少不比必要的痛苦,留更多的精力在代码开发上,附心脏骤停和复苏对比图. 1.修改Prettier默认配置,格式化无法生效问题描述: 在VUE项目根目录,不创建".prettierrc.js"文件的前提下,只通过插

eslint for...in 报错处理

示例代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible

eslint 代码缩进报错及解决

一.背景使用vue在VScode中正常写的代码,报了一堆的错误,仔细检查,发现都是缩进要么多了要么少了,总之是代码不规范的的报错. 二.原因百度查了发现代码规范默认缩进2个空格,而VScode默认缩进4个空格,在加上我的项目中默认添加了ESlint, ESLint是一个语法规则和代码风格的检查工具,它的目标是保证代码的一致性和避免错误. vue-cli脚手架创建的项目默认使用ESlint规则,每次改动后启动项目,ESlint都会检测你的代码,然后在浏览器的控制台疯狂报错.一开始我是根据控制台

vue 项目项目启动时由于EsLint代码校验报错

今天在编写好vue项目代码时,在命令行输入npm start的时候出现了如下图所示的一大堆错误: 在网上查找资料说是缺少EsLint配置文件的问题,最终找到一篇由 hahazexia 编写的一篇博客文章,就是关于EsLint配置的文章,现将该文章的链接粘贴出来,方便大家翻阅:https://www.cnblogs.com/hahazexia/p/6393212.html,在此特地感谢 hahazexia ,让我知道了EsLint配置文件中规则的编写以及每一种规则对应的含义. 现将.eslintr

vue环境项目启动后因为eslint语法限制报错

报错太多,截取了一部分. 解决方法找到项目根目录的build 找到webpack.base.conf.js 打开js文件找到下图的位置再重新启动项目就好了

vue-cli3取掉eslint格式提示报错

把package.json文件中关于eslint那个直接去掉. "@vue/cli-plugin-eslint": "^3.7.0",

vue-cli的eslint不加空格报错问题

//方法一.直接不启用eslint(不推荐) //找到build/webpack.base.conf.js把以下代码取消注释 { test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter') } }, //方法二.在eslintrc

屏蔽eslint代码格式报错

1.在文件中找到node_modules 2.node_modules文件夹下的eslint-config-standard 3.打开eslint-config-standard文件夹下的eslintrc.json 4.在eslintrc.json的“rules”部分可以修改把想屏蔽的错误的error改成off就可以屏蔽掉了 eg: "no-irregular-whitespace": "error", 改成:"no-irregular-whitespa

vscode vue 格式化 ESLint 检查单引号双引号函数括号报错问题

vscode vue 格式化最近重新搞了下电脑,重装了 vscode 软件,在用 vue 写项目的时候,照例开启了 ESLint 语法检查,但是发现在使用 vscode 格式化快捷键的时候(shift+alt+F)各种报错,单双引号,函数空格各种问题.因为 vscode 它自身的那个格式化插件是不匹配 ESLint 的.后来查阅了一些文档,解决问题如下: 一.安装 Vetur 在 vscode 软件商店里搜索插件 Vetur 现在的版本应该是 0.24.0 ![](https://img202

手把手教你搭建规范的团队vue项目，包含commitlint，eslint，prettier，husky，commitizen等等

目录 1,前言 2,创建项目 2,安装vue全家桶 3,配置prettier 4,配置eslint 5,配置husky + git钩子 6,配置commitlint 6.1,配置commitlint格式检查 6.2,安装自定义的辅助提交依赖 1,前言本文主要分享一个项目的规范约束从0到1的流程,从通过vue-cli创建项目,到团队协作插件安装(husky.eslint.commitlint.prettier等). 本文vue-cli脚手架为5.x 本文webpack版本为5.x 本文vue版本

【前端必会】让ESLint与Prettier一起玩耍

背景上回说到ESlint和Prettier可能会有规则上的冲突,解决的办法有多种,好比不用Prettier 不用Prettier也是一种选择配置相同的规则我们选择一种可以共存的方式可以参考这篇文章 https://www.jianshu.com/p/be27685feeee 安装 npm install eslint-plugin-prettier eslint-config-prettier --save-dev 格式化后发现还是使用了eslint的规则, 为什么呢? 装个谷歌的标准试

vue项目Eslint和prettier结合使用

一.eslint介绍--代码语法检查工具 Eslint是一个代码检查工具,用来检查你的代码语法是否符合指定的规范,ECMAScript标准二.prettier插件--代码格式化工具 prettier是一款优秀的代码格式化工具,它并不关心你的语法是否正确,只关心你的代码格式,比如是否使用单引号,语句结尾是否使用分号等等,它可以把格式错乱的代码转化为符合标准的漂亮代码,prettier支持格式化的语言有:JavaScript,TypeScript,Flow,JSX,JSON,CSS,SCSS,Le

Vue常见问题解决办法（一）ESLint检查报错

vue.js报错“Do not use 'new' for side effects“(main.js里)解决办法 ESLint工具检查代码质量,main.js里的原代码是这样的: new Vue({ router, el: "#app", template: '<App/>', components: { App } }) 这段代码不使用ESLint检查运行是没有问题的,使用了ESLint要改成如下的形式: let vm = new Vue({ el: '#app', r

eslint 关于CRLF或者LF报错

在拉取项目代码时,如果有eslint代码校验,但是本地打开会有于CRLF或者LF报错报错,那么怎么处理呢? git有个自动转换换行符功能,在文件commit时会自动转换换行符格式: 不想使用,也可以通过 git config --global core.autocrlf false 关闭: 如何使用的是vscode那么可以这么设置一下, 文件 - 首选项 - 设置 -搜索:默认行尾字符.修改为 \n 如果上面的操作还没有解决你的问题,可以参考:链接

wepy开发小程序eslint报错error 'getApp' is not defined no-undef

wepy开发小程序使用getApp().globalData保存全局数据很方便,但是会在控制台看到很多报错:“error 'getApp' is not defined no-undef”,这是eslint报错. 解决办法:在.eslintrc.js文件中加入 globals: { getApp: true }

ESlint全局变量报错

场景: 在main.js下申明了全局变量: /* eslint no-undef: "error" */ window.vm = new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) 在fetch的index.js中用element的message组件,出现ESlint报错 vm.$message({ message: response.msg, type: 'warn

解决eslint空格报错等问题

eslint检查代码风格是好的,不过有些换行报错空格报错还有在代码中有 console也是报错这有些烦人为了把这些烦人的报错给禁止掉我们可以在package.json文件中找到 "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential",

Eslint 配置及规则说明（报错）

https://blog.csdn.net/violetjack0808/article/details/72620859 https://blog.csdn.net/hsl0530hsl/article/details/78594973 Vue.js学习系列五 —— 从VUE-CLI来聊聊ESLint 原创 2017年05月22日 06:40:41 标签: vue-cli / eslint 7092 最近在用vue-cli写项目的时候,经常和ESLint打交道,也算是不打不相识啦.下面总结一下

ref 属性使用eslint报错

react 使用 ref 报错 ,[eslint] Using string literals in ref attributes is deprecated. (react/no-string-refs) 报错1: var Hello = createReactClass({ componentDidMount: function() { var component = this.refs.test; }, render: function() { return <div ref="te

react 使用 ref 报错，[eslint] Using string literals in ref attributes is deprecated. (react/no-string-refs)

react 项目中给指定元素加事件,使用到 react 的 ref 属性,Eslink 报错 [eslint] Using string literals in ref attributes is deprecated. (react/no-string-refs) 常用方法:(会报错) var Hello = createReactClass({ componentDidMount: function() { var component = this.refs.hello; // ...do

解决vue代码缩进报错问题关闭ESlint

前言使用vue-cli来构建单页SPA应用,提示代码缩进报错原因分析通过查看package.json文件我们可以发现,在文件中默认安装了eslint-loader模块,eslint-loader模块是目前相对比较流行的代码检测工具,可以检测书写的代码是否符合统一规范,可以在一些比较大型的项目开发中统一开发人员的代码风格,这也就是为什么代码缩进有可能导致页面报错的原因(代码缩进不符合规范). 解决办法方法一:了解eslint-loader规则,严格按照规范书写代码(这是废话) 方法二:关闭

eslint `(prettier prettier) 报错

热门专题