VUE编译警告 Expected indentation of 8 spaces but found 12

最新推荐文章于 2023-11-01 10:36:51 发布
最新推荐文章于 2023-11-01 10:36:51 发布
阅读量5.1k 收藏
点赞数
分类专栏： vue 文章标签： vue webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CrisMing/article/details/113174033
版权

场景：
在使用vue的过程中往往会出现这样的提示 Expected indentation of 8 spaces but found 12 一个个去修订因为太多不胜其烦
在这里插入图片描述

原因
因为我们在使用vue-cli 初始化的时候默认安装了ESLint（Eslint 是作为校验语法规则而存在的）也就导致了 我们使用tab缩进后， 在run 的时候有了空格提醒

解决方法
在vue项目中找到这玩意儿…(config.dev.useEslint ? [createLintingRule()] : []), 然后注释掉它
那么你会问它在哪里呢-------> webpack.base.config.js 文件中
在这里插入图片描述

骚断腿的朙朙
关注
专栏目录
VUE初写小项目问题之命令行报错：Expected indentation of 4 spaces but found 6
namoemitoufo的专栏
12-20 239
一、问题 刚开始用一个小项目练手，用vue-cli初始化项目，直接安装了所有的东西，如vue-router、ESLint、unit tests等等，当时只懂得vue-router是什么。 问题来了，在vue页面写代码时，命令行报了很多错，几乎全是Expected indentation of 4 spaces but found 6类似这样的 二、经过 看了报的错，就直接删除了多余的空格。 然而这...
vue2.x 问题 4 : Expected indentation of 4 spaces but found 6
To-nemy
05-06 3670
问题描述： 开始使用webstorm上练习vue时出现了这个报错信息。 解决办法： 这个是因为在建立项目时，你选择了默认安装ESLint ，他这个 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确 在vue项目中找到build文件夹 --> webpack.base.conf.js --> module 找到如下的代码：把关于eslint的配置这行隐去就可以了 modu...
关于vs标红提示Expected indentation of 8 spaces but found 4.eslintindent
weixin_48986139的博客
09-27 1020
这是插件的问题： 将这个插件，禁用后重启即可生效，一定要重启
关于Eslint语法检查报“Expected indentation of 6 spaces but found 12” 错误的解决办法
小唐的博客
05-01 8272
运行Vue项目时如果发生Eslint语法检查报错，输出报错内容举例： Expected indentation of 6 spaces but found 12，可能会是一堆，让人很头疼，如下图所示： 这个问题的解决办法： 在Vue项目文件夹里找到“.eslintrc.js”文件并打开，其内容如下： module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue...
error Expected indentation of 2 spaces but found 8
qq_45418844的博客
09-13 566
本来需要2个空格，实际出现了8个，出现8个空格一般都是tab键引起的 注释掉这一行： '@vue/standard' 重点说明修改.eslintrc.js文件后要重新启动才可以生效 根据你项目的启动命令：npm run serve ...
Expected indentation of 8 spaces but found 9 indent Extra semicolon
m0_61837007的博客
07-09 493
eslint语法有时会报的缩进错误
初学VUE创建工程，编写代码报错：Expected indentation of 6 spaces but found 3 tabs
weixin_47798940的博客
07-21 811
Expected indentation of 6 spaces but found 3 tabs
解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4
01-03
解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4解决 VSCode 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4问题问题分析解决办法一解决办法二 解决 VSCode 编辑 ...
前端工程启动有异常：✘ http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
weixin_44187615的博客
12-30 1605
具体报错如下： ✘ http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4 src\views\edu\subject\courseTypeAdd.vue:82:1 } ^ ✘ http://eslint.org/docs/rules/eol-last Newline required at end of file b
解决eslint语法限制项目报错办法，✘ httpeslint.orgdocsrulesindent Expected indentation of 2 spaces
qq_42264597的博客
02-02 1166
解决eslint语法限制项目报错办法，即解决✘ httpeslint.orgdocsrulesindent Expected indentation of 2 spaces but found 4问题 问题部分截图如下图所示 1、错误原因 不符合eslint的校验规则，Tab键不等同于同行缩进，所以检验错误 题外话：了解eslint ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。ESLint被设计为完全可配置的，
Vue报错（eslint）
qq_41622983的博客
05-17 2672
开始写Vue项目，发现它动不动就报错，语法十分严格，这里记录一下遇到的一些错误。 Newline required at end of file but not found 最后面要空出一行
Vue中使用ESlint出现的格式问题总结
webnet_的博客
03-05 1万+
最近使用vue做项目的时候，每次运行程序都会出现很多格式问题，有的问题可以很简单的看明白，例如：Expected indentation of 8 spaces but found 10，删掉两个空格就可以，还有一些不明白在说什么，在此做一个总结： Closing curly brace does not appear on the same line as the subsequent blo...
Expected indentation of 2 spaces but found 2 tabs vue报错！
CXX7788的博客
12-18 3537
这个错误的意思是：预期缩进两个空格，但发现两个制表符 解决方法两种： 1.因为你设置了eslint，如果你不想有规范的js代码，可以重新初始化关掉eslint。 Use ESLint to lint your code? (Y/n) 这一步选no 2.修改配置文件，将config目录下index.js中的 --->  useEslint: true, // 改为false即可。  ...
VUE 报错信息统计和翻译
qq_20110981的博客
01-02 4551
1.error: Expected indentation of 12 spaces but found 14 (indent) at src/view/admin/booking.vue:577:1: 预期缩进12个空格，但找到14个 booking.vue 577行 1字符 2.error: Missing space before opening brace (space-before-bl...
Expected indentation of 16 spaces but found 8 spaces.eslintvue/script-indent
最新发布
qq_44792224的博客
11-01 730
问题：Expected indentation of 16 spaces but found 8 spaces.eslintvue/script-indent原因： 严格地检查缩进问题，并不是报错。
Expected indentation of 12 spaces but found 11.
java开发郭靖
04-17 6343
修改IDEA或webstorm配置，File => Setting => Editor => Code Style => HTML,找到 add Do not indent children of 的选项，添加 script 标签就完美解决缩进问题。
20:1 error Expected indentation of 2 spaces but found 4 indent 21:1 error Expected indent
Heartnottowake的博客
04-21 637
打开文件.eslintrc.js,输入以下代码解决 'no-multiple-empty-lines': 0
Expected indentation of 8 spaces but found 6
热门推荐
pardon110的博客
05-28 1万+
使用ESlint进行代码提示，经常报如下提示： ✘ http://eslint.org/docs/rules/key-spacing Missing space before value for key 'variables' src\components\Admin\LogIn.vue:45:19 variables:{ ^...
电脑下载了谷歌浏览器，设置无法默认选用谷歌浏览器
Familiar1的博客
04-09 3855
注：作者用的是联想拯救者笔记本电脑 一、问题如下图： 电脑已经下载了，点击浏览器在选择应用列表中未能找到谷歌浏览器 二、解决方法： 1、先把原来的谷歌浏览器卸载 2、然后去Chrome的官网下载，安装。 3、安装成功后就可以找到了，就可以设置为默认浏览器。 三、总结：卸载再重新安装就ok啦。 感谢您的阅读，希望能给您带来帮助。 分享知识，让生活更美好! ...
vue编译警告去除掉
09-09
要去除Vue编译警告，可以采取以下几种方法： 1. 修复代码中的错误：警告通常是由于存在代码错误或不规范使用Vue的方式而引起的。仔细检查Vue组件、指令或钩子函数等的使用方法是否正确，并进行相应的修复。 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值