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

最新推荐文章于 2024-11-13 09:54:48 发布
最新推荐文章于 2024-11-13 09:54:48 发布
阅读量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 文件中
在这里插入图片描述

骚断腿的朙朙
关注
专栏目录
解决 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 编辑 vue 项目报错 Expected indentation of 2 spaces but found 4 系统：Win10 编辑器：VSCode 问题 使用 VSCode 在写 Vue 项目的时候，出现报错 Expected indentation of 2 spaces
关于Eslint语法检查报“Expected indentation of 6 spaces but found 12” 错误的解决办法
小唐的博客
05-01 8430
运行Vue项目时如果发生Eslint语法检查报错，输出报错内容举例： Expected indentation of 6 spaces but found 12，可能会是一堆，让人很头疼，如下图所示： 这个问题的解决办法： 在Vue项目文件夹里找到“.eslintrc.js”文件并打开，其内容如下： module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue...
vue2.x 问题 4 : Expected indentation of 4 spaces but found 6
To-nemy
05-06 3726
问题描述： 开始使用webstorm上练习vue时出现了这个报错信息。 解决办法： 这个是因为在建立项目时，你选择了默认安装ESLint ，他这个 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确 在vue项目中找到build文件夹 --> webpack.base.conf.js --> module 找到如下的代码：把关于eslint的配置这行隐去就可以了 modu...
Vue报错（eslint）
qq_41622983的博客
05-17 2779
开始写Vue项目，发现它动不动就报错，语法十分严格，这里记录一下遇到的一些错误。 Newline required at end of file but not found 最后面要空出一行
【Vue】esLint 常见报错
镜花水月
11-10 2780
ESLINT 规范下 VUE 常见报错 一、 换行错误 （1）换行过多错误 Too many blank lines at the end of file 解析：结尾处换行超过1行 （2）结尾无换行错误 Newline required at end of file but not found 解析：结尾处没有新的换行 （3）禁止换行错误 More than 1 blank line not allowed 解析：不允许换行超过1次, 只能有一行换行 二、缩进错误 （1）
Expected indentation of 8 spaces but found 9 indent Extra semicolon
m0_61837007的博客
07-09 506
eslint语法有时会报的缩进错误
初学VUE创建工程，编写代码报错：Expected indentation of 6 spaces but found 3 tabs
weixin_47798940的博客
07-21 865
Expected indentation of 6 spaces but found 3 tabs
vscode+vue+expected indentation of 4 spaces报错问题的解决办法
一个不会写代码的农民的博客
09-17 3457
错误示例: 看这个报错信息已经提示的很明显了，就是说原本这个位置应该有4个空格，但是现在发现了8个空格，然后就报错了。对于像我这样的新手小白来说，遇到一点报错提示都会觉得很烦，如果这种问题完全靠手动去解决不光浪费时间，还会削减新手对vscode+vue等其他的学习兴趣。接下来话不多说上解决办法！ 解决办法: 找到vue.config.js的文件，将红色箭头所指的代码注释掉，加上31行红色框中的...
vue编译打包本地查看index文件的方法
08-27
在Vue.js开发过程中，我们经常需要将项目编译打包，以便于部署到生产环境或者预览本地构建结果。本文将详细介绍如何在Vue编译打包后，本地查看`index.html`文件，以及`/build/config/index.js`配置文件中的`...
解决Vue编译时写在style中的路径问题
01-19
写在vue文件里面的style样式，在添加例如背景图片的时候，如果用的是相对路径，那么build出来的css文件的路径将会出错，导致找不到图片。 通过查找资料，在https://segmentfault.com/q/1010000008438061有人的回答...
Vue项目打包编译优化方案
10-14
Vue 项目打包编译优化方案是为了提升项目的性能和加载速度，尤其对于大型或者复杂的 Vue 应用来说，优化显得尤为重要。以下是一些关键的优化措施： 1. **不生成.map文件**： .map 文件主要用于在开发环境中进行...
关于vue编译版本引入的问题的解决
10-18
在开发Vue应用时，我们经常会遇到关于Vue编译版本引入的问题。Vue提供了多种构建版本，以适应不同的开发需求。在本篇文章中，我们将探讨这个问题，以及如何解决由此引发的常见错误。 错误提示“[Vue warn]: You are...
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...
eslint报错
Dj_Fairy的博客
05-13 708
报错： 12:7 error Missing space before function parentheses space-before-function-paren 14:1 error Expected indentation of 6 spaces but found 8 indent 原因：写代码的时候有空格问题 解决方法： 要么自己把空格问题编辑好，要么忽略配置 在文件夹eslintrc.js中加入 rules: { 'indent': 0, ...
Expected indentation of 2 spaces but found 2 tabs vue报错！
CXX7788的博客
12-18 3590
这个错误的意思是：预期缩进两个空格，但发现两个制表符 解决方法两种： 1.因为你设置了eslint，如果你不想有规范的js代码，可以重新初始化关掉eslint。 Use ESLint to lint your code? (Y/n) 这一步选no 2.修改配置文件，将config目录下index.js中的 --->  useEslint: true, // 改为false即可。  ...
解决报错 Vue Expected indentation of x spaces but found x
YKenan的博客
05-13 7836
解决报错 Vue Expected indentation of x spaces but found x1. 出现原因2. 解决方法2.1 方法一 (推荐)2.2 方法二 1. 出现原因 1. Vue 项目中 Eslint 严格把控代码规范. 2. 缩进未按照 Eslint 代码规范. 2. 解决方法 2.1 方法一 (推荐) 找到项目下的 .eslintrc.js 文件. 在指定位置加入下面内容: 'indent': ['off', 2], 2.2 方法二 关闭 Eslint 检验, 不推
VUE 报错信息统计和翻译
qq_20110981的博客
01-02 4686
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...
vue项目，运行时报错Expected indentation of 2 spaces but found 8(有用)
weixin_38345306的博客
07-16 1664
原因：       严格地检查缩进问题，并不是报错，我们可以关闭这个检查规则 方法：       在.eslintrc.js文件中添加"indent": [“off”, 2]即可
Webpack 1.13.2 执行 shell 命令解决 打印时没有背景色和文字颜色的问题
最新发布
galoiszhou的博客
11-13 262
这是因为 Webpack 1.13.2 不支持新的插件钩子 API。Webpack 1 的插件系统使用的是。在 Webpack 1 中，你可以使用以下代码来确保。的 css 后, 打印时没有背景色和文字颜色的问题.方法，而不是 Webpack 4+ 中的。以上的 plugin 解决了引用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值