Vue中Eslint报错整理

最新推荐文章于 2025-06-10 14:14:43 发布
转载 最新推荐文章于 2025-06-10 14:14:43 发布 · 257 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/mdxlcj/blog/3001711
文章标签：

#javascript #ViewUI

本文深入探讨了ESLint中常见的缩进错误，包括'Expected indentation of 2 spaces but found 8'和'Expected indentation of 0 spaces but found 8'，并提供了具体的解决办法，帮助开发者理解并修正代码中的缩进问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

为什么80%的码农都做不了架构师？>>>   hot3.png

错误提示：

1、缩进空格不规范，导致一场

EslintL Excepted indentation of 2 spaces but found 8 意思是只能有两个space，但是发现了8个，超出了6个的意思

EslintL Excepted indentation of 0 spaces but found 8 意思是只能有0个space，但是发现了8个，超出了8个的意思

总而言之，这两个异常基本都是超出了空间，如图：

fdfd6b5fe6345e2ac0f5e3e9c87bf738bb7.jpg

但是我把这个export缩紧两个空格，就不报错了，如下，这是占位符空间的问题

3fb35b79084b74e919147a52581caf0b5d0.jpg

2、

转载于:https://my.oschina.net/mdxlcj/blog/3001711

vue 3.2 电商前台项目（一）—— 搭建项目、编程规范、报错整理
ailsa_csdn的博客
03-14 3187
vue3.2 电商前台项目初始篇：搭建初始化、编程规范、以及项目中报错整理
Vue基础精讲 —— 规范代码三步走？关于eslint和editorconfig以及precommit的安装和使用
2301_82243603的博客
04-27 1078
运行 npm run lint 能看到很多报错信息，根据报错信息，可返回错误所在行手动修正5. 当然，运行 npm run lint-fix 就能自动修复代码中的不规范6. 若希望在开发过程中实时检测语法（即错即改，间接增加自己编写代码的规范性），不再手动执行 npm run lint-fix 命令，在webpack.config.base.js文件中配置eslint-loader// 所有需要检测文件的后缀名集合// 使用eslint-loader。
vue 中eslint 格式报错
auvtrgs1759的博客
03-18 235
1.、Unexpected tab character。 在eslint的配置文件中（.eslintrc）rules项中添加一行："no-tabs":"off"，如下图 详细介绍在官网 eslint 转载于:https://www.cnblogs.com/Home-Yzz/p/8595223.html...
vue项目因为eslint报错的原因及解决办法
grand_brol的博客
08-24 6137
一、报错：error Expected indentation of 2 spaces but found 3 indent 原因：像这种就是多或者少空格导致的，想上面一个就是多了一个空格。 解决：将多余（缺少）的空格删除（补全）即可 注意事项：如果使用过代码格式化工具，可能会很难调整对象中的参数，可以先将其禁用。 二、报错：Newline required at end of file but not found eol-last 原因：eslint需要文件最后有一个空号，而你没有 解决：在对应文件末
Vue CLI 项目迁移：eslint报错解决
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
06-10 928
登录后复制},1.2.3.eslint 是 ESLint 的命令行工具，负责执行代码检查。–ext .js,.vue 指定 ESLint 检查的文件类型，这里设置为检查 .js 和 .vue 文件。src 是目标文件夹，表示 ESLint 将检查 src 目录中的所有文件。
VUE项目配置ESlint后一些报错解决方式
2401_84152797的博客
05-15 1200
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
【vue】解决vue eslint语法报错问题
好学的小师弟的博客；华为云社区月度积极博主
12-19 1017
【vue】解决vue eslint语法报错问题
创建vue项目后的常见ESLint(语法规则)报错
Chen__FY的博客
04-18 1258
解决方案：搜索eslint官方文档。把第4行空行删掉就好了。这样就能正常运行了！
eslint总报错
03-20
好的，我现在需要解决用户关于ESLint报错的问题。用户提到了几个引用，我需要先理解这些引用的内容，然后整理出解决方法。 首先，用户提供的引用[1]提到，ESLint报错通常以连字符形式出现，比如xxx-xxx-xxx。这说明...
在vue3中如何使用eslint
最新发布
06-12
我们根据用户的问题，结合引用的资料，整理出Vue3项目中配置ESLint的步骤。用户想要了解如何在Vue3项目中配置和使用ESLint。引用中提供了多个相关信息：[^1]提到eslint-plugin-vue是Vue官方推荐的ESLint插件，替代了...
现在npm install 报错 F:\008717hz\houtai>npm install npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: @vue/cli-plugin-eslint@4.5.15 npm error Found: eslint@8.4.1 npm error node_modules/eslint npm error dev eslint@"8.4.1" from the root project npm error peer eslint@"^7.5.0 || ^8.0.0" from @babel/eslint-parser@7.16.5 npm error node_modules/@babel/eslint-parser npm error dev @babel/eslint-parser@"7.16.5" from the root project npm error 3 more (eslint-plugin-vue, eslint-utils, vue-eslint-parser) npm error npm error Could not resolve dependency: npm error peer eslint@">= 1.6.0 < 7.0.0" from @vue/cli-plugin-eslint@4.5.15 npm error node_modules/@vue/cli-plugin-eslint npm error dev @vue/cli-plugin-eslint@"4.5.15" from the root project npm error npm error Conflicting peer dependency: eslint@6.8.0 npm error node_modules/eslint npm error peer eslint@">= 1.6.0 < 7.0.0" from @vue/cli-plugin-eslint@4.5.15 npm error node_modules/@vue/cli-plugin-eslint npm error dev @vue/cli-plugin-eslint@"4.5.15" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error C:\Users\www87\AppData\Local\npm-cache\_logs\2025-03-26T08_12_06_109Z-eresolve-report.txt npm error A complete log of this run can be found in: C:\Users\www87\AppData\Local\npm-cache\_logs\2025-03-26T08_12_06_109Z-debug-0.log F:\008717hz\houtai>
03-27
用户提到报错信息是关于peer依赖eslint的版本不符合要求，@vue/cli-plugin-eslint@4.5.19需要eslint在某个范围内，但当前项目安装的版本可能不符合。我需要先确认这个问题的常见原因。通常，这种问题发生在项目的...
vue eslint报错解决办法
weixin_30588729的博客
11-13 789
若提示入下图时，在build / webpack.base.conf.js中， 找到 // const createLintingRule = () => ({// test: /\.(js|vue)$/,// loader: 'eslint-loader',// enforce: 'pre',// include: [resolve('src'), resol...
vue eslint报错
weixin_43267086的博客
07-18 129
去掉package.json"extends"下的:"@vue/standard"，防止eslint报错
运行vue项目，eslint报错
m0_52043522的博客
04-01 4045
问题描述 在运行vue项目时，出现如下图所示的报错，比如：字符串必须用单引号，不能加分号等。 原因分析： 根据报错信息，可以看出是eslint的问题，eslint是一个非常严格的语法检查器，有很多规范，有一丁点的错误就会报错。 解决方案： 我们关闭它即可。找到build文件夹下的webpack.base.conf.js文件，注释掉如下框出来的那行代码。这样，再运行npm run dev，就不会出现这个报错了。 ...
vue-cli3.0创建项目，vue-cli3.0各项配置与安装， vue-cli3.0 上手教程 （二）之 VUE-CLI3的eslint配置问题
csl125的博客
02-25 2768
VUE-CLI3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误 最奇怪的是竟然HTML也被抛出警告了，虽然没有影响项目的运行，但是强迫症还是决定修改一下 error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1: 1 error found. 1 error p...
vue项目中的ESlint报错相关
tomorrow_hope的博客
03-12 1489
ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。但是有些时候这样的严格的校验未免显得有些严苛，以下介绍如何关闭ESlint:修改build\webpack.base.conf.js文件：然后在命令行中，重新npm run dev 启动项目即可...
vue项目使用eslint时报错
yuyanxinyu的博客
03-01 872
view --> extensions，在打开的窗口中分别搜索ESLint、Prettier-Standard并安装。vue使用eslint校验代码时，报错。打开setting.json文件。
vue中eslint报错的解决方案
weixin_30830327的博客
05-08 423
1，Newline required at end of file but not found. (eol-last) //文末需要一行 这个是报错： 这个是不报错的： 只需要在最后一行加上一空行即可。 转载于:https://www.cnblogs.com/tangjiao/p/9007918.html...
解决Vue项目中Eslint校验代码报错的问题
cpsdyp的博客
06-19 1178
在使用脚手架创建Vue项目时，一般会安装Eslint插件，这个主要是校验代码格式和规范用的，但是它很有点让人抓狂，因为很多校验规则和代码规范，你只要不按照它的格式来，直接导致项目编译报错，运行不了项目，这个是非常令人讨厌的。这里我加了两项，第一个就是行末分号取消，第二个就是字符串默认使用单引号，当我们写好代码后，格式化代码（我之前用Eclipse，现在用的idea，格式化代码快捷键都是设置的ctrl+shift+F），idea就会帮你把分号自动去掉，把双引号替换为单引号。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值