vue项目在按代码格式化后报错处理

最新推荐文章于 2023-05-30 10:01:57 发布
最新推荐文章于 2023-05-30 10:01:57 发布
阅读量2.7k 收藏 1
点赞数 2
分类专栏： vue 文章标签： eslint vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44635443/article/details/103027349
版权

问题

在idea中的vue项目中按下代码格式化出现如下图问题：
在这里插入图片描述
提示不符合eslint规范

处理方法

首先找到.eslintrc.js文件
在rules下面添加一下代码

"space-before-function-paren":"off",//取消函数前的空格
"object-curly-spacing":"off",//取消括号内的间距一致
'indent': 'off',//取消对每行前空格的检测（该换行还是要换的）

在这里插入图片描述
在添加完之后那么在按ctl+shift+L之后就不会出现满屏红色了
在这里插入图片描述
如果还有其他没写的的问题，那么只要鼠标指到报错的地方，会出现类似如下图：
在这里插入图片描述
将出现的提示里面的括号中内容（此处为 indent）添加到.eslintrc.js文件中 属性为off（表示关闭）即可

详细报错含义可见eslint官网

峰过林
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用vue cli4的可视化界面创建项目后被eslint代码格式检验疯狂报错打脸怎么办
12-21
在使用Vue CLI 4进行项目开发时，遇到ESLint疯狂报错的情况，这可能是由于ESLint的严格代码规范检查导致的。ESLint是一款强大的静态代码分析工具，用于检测JavaScript代码中的潜在错误、不符合最佳实践的部分以及...
IDEA VUE 完成模板
qq_42673067的博客
04-23 977
IDEA VUE 完成模板 保姆级
Vue 格式化错误
BUG_devil的博客
04-24 549
在vscode中 ctrl+shift+p在命令面板中输入settings.json后输入代码。和vetur下，Vue格式化错误。
idea java EclipseFormatter代码格式化模板
赵英超的博客
11-01 7019
文件准备 文件 说明 p3c-formatter 模板文件 EclipseFormatter.zip idea插件 阿里巴巴Java开发手册（详尽版）.pdf 代码规范手册 官方文件： 推荐阿里代码规范 格式化模板文件下载地址：https://github.com/alibaba/p3c/tree/master/p3c-formatter 唯品会通用...
vue格式化代码失效
qq_44496641的博客
07-30 585
vetur插件突然失效 文件->首选项->设置 搜索vetur.format.defaultFormatter.html 改为
vscode下vue项目中eslint的使用方法
01-21
在vscode的vue项目中，关于代码检查和格式化，遇到各种各样的问题，比如： 不清楚安装的拓展的功能，导致安装了重复功能的拓展 右键格式化文档的时候，不是按eslint的规则来格式化，导致需要我再次手动调整 保存...
解决vue.js在编写过程中出现空格不规范报错的问题
10-19
这部分可能包含了一些规则，如`prettier`、`eslint-loader`或`stylelint`等，它们负责在编译时检查代码格式。 4. 一旦找到相关的配置，你可能会看到类似以下的代码： ```javascript module.exports = { // ... ...
json校验，格式化，显示报错所在行数并标红
05-25
在处理JSON数据时，确保其格式正确至关重要，因为格式错误可能导致程序无法正常运行或解析数据。针对这个需求，我们有一个专门的JSON校验工具，它具备以下功能： 1. **JSON字符串格式化**：当JSON数据以非格式化的...
Vue使用vue-cli创建项目
08-29
在创建项目过程中，可能会遇到一些问题，例如代码空行、分号报错、样式报错等问题。这些问题可以通过调整配置文件和代码来解决。 八、结论 使用 vue-cli 创建项目可以快速开始新的 Vue 项目，Mint_UI 框架和 vue-...
Vue中通过配置eslintrc.js文件来解决编译时出现的no-trailing-spaces、no-undef等错误
sxj的专栏
10-30 1万+
错误信息： D:\work\vue\workbench\src\views\login\index.vue 12:10 warning 'Options' is defined but never used @typescript-eslint/no-unused-vars 14:1 error '$' is not defined no-undef 14:16 error Trailing spaces not allowed
解决IDEA中Vue项目出现expression expected等格式错误问题
热门推荐
猫寻
02-13 2万+
打开IDEA设置Settings—Languages & Frameworks—JavaScript 把JavaScript language version改成ECMAscript 6并应用即可 应用后报错就没有了
Vue保存时使用Vetur自动格式化代码错误
最新发布
weixin_51799004的博客
05-30 860
在VScode中的setting.js文件中的vetur.format.defaultFormatterOptions中添加规则。一、在prettier中添加配置项semi、singleQuote、trailingComma。单引号变成双引号，末尾添加了分号，最后一个属性添加了逗号，缩进2个空格变为4个空格。保存时自动格式化代码之后不符合eslint规范。二、设置vetur中tab size为2。
解决Vue项目中Eslint校验代码报错的问题
weixin_39764056的博客
06-06 6565
在使用脚手架创建Vue项目时，一般会安装Eslint插件，这个主要是校验代码格式和规范用的，但是它很有点让人抓狂，因为很多校验规则和代码规范，你只要不按照它的格式来，直接导致项目编译报错，运行不了项目，这个是非常令人讨厌的。它不像idea里安装alibaba插件，校验代码规范只是会提示，并不会导致你项目都不能编译和运行。尤其小白刚学习Vue和使用这插件时，那简直是痛苦不堪，深受其害（有人说不装那插件不就行了，但个人觉得，代码规范任何时候都很重要，装了是利大于弊），网上看过很多解决方法，零零散散有的也不好使，
HBuliderX开发Vue，代码格式化重排，不符合eslint的格式解决方法
xiao_yu_CSDN的博客
03-08 2441
HBuliderX开发Vue，代码格式化重排，不符合eslint的格式解决方法
（Hbuilder X）vue遇到的问题
weixin_45625639的博客
04-22 2331
以下内容亲测好用，就在搬到这里方便以后学习了。 1、Expected indentation of 14 spaces but found 16 ？ 原因:缩进未按照 Eslint 代码规范 解决方法：（1）找到项目下的 .eslintrc.js 文件 （2）对应位置添加 'indent': ['off', 2], 参考： 解决报错 Vue Expected indentation of x spaces but found x ...
Vue使用eslint报错
weixin_44847838的博客
06-10 571
初始化Vue时，删掉一些不必要的文件，因为装了eslint，而且还安装了代码自动格式化的插件，有时候会出现如下的报错 2 problems (2 errors, 0 warnings) 2 errors and 0 warnings potentially fixable with the --fix option. 解决办法很简单 ① 项目的代码中找到.eslintrc.js 文件夹将extends中的’@vue/standard’注释掉 ②在rules中添加’space-before-function-
VUE报错 Trailing spaces not allowed
weixin_40486955的博客
05-05 871
问题： 原因： 输入的格式不符合代码规范有多余的空格 解决办法： 删除多余的空格 查找空格的办法 如果是用Hbuilder打开点击代码行会看到有显示的白点，白点表示的是空格。可以看到在该行的最后多了一个空格 如果是用vscode打开可以点击该行如果有多余的空格鼠标聚焦的位置会和代码有一定的距离 ...
IDEA 新建.vue格式的文件
霓虹深处
04-17 7682
1.Ctrl+Alt+S 2. <template> <div> {{msg}} </div> </template> <style> body { background-color: #ff0000; } </style> <script> export ...
vue项目自动格式后报错
05-30
如果您的 Vue 项目在自动格式化（例如使用 Prettier）后报错，可能是因为自动格式化导致了语法错误。这通常是因为自动格式化工具对代码进行了更改，导致代码不再符合语法规则。 您可以尝试手动检查代码并修复语法错误，或者尝试使用其他自动格式化工具。另外，您还可以尝试在代码提交前运行代码检查工具（如 ESLint）来避免这种情况的发生。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值