eslint和prettier报错

2024-08-19

🔥完美解决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常见问题解决办法（一）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规则,严格按照规范书写代码(这是废话) 方法二:关闭

VScode eslint-plugin-vue 自动修复eslint报错

1.安装插件 npm i -g eslint-plugin-vue 2.修改项目跟路径下的文件:.eslintrc | .eslint.js 3.添加eslint 和 vetur 插件 4.修改vscode首选项配置 "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript",{ "language": "vue", "autoF

webstrom配置一键修复ESLint的报错

因为项目本身有用eslint,而我这边没用,我这边提交上去别人update后就会提示很多eslint的格式错误提示,所以就在该项目里使用了eslint. 发现一般有两种安装方式,我使用的是webstrom自带的eslint. 一.勾选enable使之生效 ESLint package 找到该项目中安装的eslint路径,使该项目能够执行标准的代码风格. Automatic search(自动搜索),勾选这个就会自动的去寻找.eslintrc*以及package.json. 二.下载eslint插

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

原文地址:https://www.cnblogs.com/gangerdai/p/7396226.html react 项目中给指定元素加事件,使用到 react 的 ref 属性,Eslink 报错 [eslint] Using string literals in ref attributes is deprecated. (react/no-string-refs) 常用方法:(会报错) var Hello = createReactClass({ componentDidMount: f

eslint和prettier报错

热门专题