Unexpected tab character (no-tabs) Vscode中.vue文件格式化后报错解决

最新推荐文章于 2024-05-10 21:39:18 发布
最新推荐文章于 2024-05-10 21:39:18 发布
阅读量3.2k 收藏 1
点赞数
分类专栏： 前端工具vscode 文章标签： vscode格式化配置 unexpected tab character(no-tabs) vue项目eslint报错 vue自动保存格式化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43574787/article/details/96878993
版权
本文介绍了如何通过修改VS Code的设置文件setting.json来解决.vue文件中的html部分出现Unexpected tab character (no-tabs)错误的问题，并分享了作者实现保存时自动格式化的具体配置。
摘要由CSDN通过智能技术生成

1. 每次修改文件后想保存并格式化，发现.vue文件html处出错，Unexpected tab character (no-tabs)，不想添加其他规则，所以修改以下配置，终于好了！

设置中配置setting.json
“prettier.useTabs”: false,
“prettier.tabWidth”: 2

2. 另外想保存自动格式化，可参考我的配置

我的setting.json设置文件
在这里插入图片描述在这里插入图片描述

时光毕竟不懂人心
关注
专栏目录
正确解决Unexpected tab charater异常的有效解决方法
wbajsjhhhhh的博客
05-03 3026
正确解决Unexpected tab charater异常的有效解决方法
vscode配置-保存格式化
qq249159025的博客
03-15 814
vscode配置----ctrl+s保存格式化(vue3) 一、配置项目 Prettier - ESlint Vite 需要 Node.js 版本 >= 12.0.0 vscode 文件 > 首选项 > 设置 > ( 搜索 setting ) > 点击 (在settings.json中编辑) settings.json (用户 / 工作区) { "editor.fontSize": 16, "workbench.colorTheme":
Unexpected tab character(no-tabs)
hh3167253066的博客
06-09 2367
是因为检查代码规范的问题， 可以在项目的.eslintrc.js文件的rules中加上"no-tabs":“off”
Vue项目报 Unexpected tab character (no-tabs) 错误的解决办法
GyaoG的专栏
09-10 4964
一、问题 在写Vue项目的时候，运行Vue项目提示错误： “http://eslint.org/docs/rules/no-tabs Unexpected tab character src\App.vue:4:2” 二、解决方法 1、去到项目目录，找到.eslintrc.js文件，打开.eslintrc.js文件 2、在.eslintrc.js文件里面的rules里面添加命令： "no-tabs":"off", 添加后情况如下： 添加后...
Unexpected tab character (no-tabs) vue项目报这个错的解决办法
qiaoguoqing的专栏
11-21 4884
打开package.json文件，找到eslintConfig，在rules里面添加一句 "no-tabs":"off",如上图所示
vue.js程序启动运行时，遇到Unexpected tab character问题
热门推荐
蒲厷渶と戀的博客
06-14 3万+
在vuejs程序启动时，会遇到一种常见问题，在终端报错：Unexpected tab character。如下图： 解决方法： 在eslint的配置文件中（.eslintrc）rules项中添加一行："no-tabs":"off"，如下图： 具体详细用法，可以参照网站：http://eslint.org/docs/rules/no-tabs
VScode+ESlint 自动格式化代码(2021)
Superman_peng的博客
02-21 1万+
本文用 Vue 项目做示范，基于项目已有eslint环境。 利用 Vue CLI 创建项目时要将 ESlint 选上，下载完依赖后，用 VSCode 打开项目。 1、安装插件 ESLint， 2、配置eslint插件 File -> Preference-> Settings（如果装了中文插件包应该是 文件 -> 选项 -> 设置），搜索 eslint，点击 Edit in setting.json 将以下选项添加到配置文件 //配置eslint "eslint.val
prettier - vscode 保存代码自动格式化插件安装与配置项备注
_
04-02 4536
目录 prettier - vscode 保存代码自动格式化插件 配置保存文件时自动格式化 配置保存时HTML标签不自动换行（2020.12.03 13:58 再更新） 我的改动 关于配置项 项目代码格式化 部分 prettier 配置及注释 部分 eslint 配置及注释 vetur 插件配置截图（针对 .vue 文件） prettier - vscode 保存代码自动格式化插件 安装自行百度，只需要在 vscode 插件里搜索 prettier，
vite2+eslint+prettier，解决VSCode保存时候自动格式化,导致ESLint报冲突
何以笙箫默jl的博客
11-11 2397
背景描述 以前一直用破解版的Webstorm,没有用过VSCode，到新公司后不让用盗版软件了，自己捣鼓了一下VSCode。配置ESLint、Prettier代码格式化的时候，遇到了大坑！！！！保存后，莫名其妙的又被格式化成4个空格的，整整纠结了2天都没解决。直到遇到了这个文章才解决：解决VS Code保存时候自动格式化_一汀程序狗的博客-CSDN博客_vscode保存时自动格式化不知道从哪个版本起，VS code 保存会自动格式化。以前都是alt+shift+F格式化的，现在一保存就格式化，而且html
Vue3.0+ts填坑 Module Warning...error Unexpected tab character...19 problems (19 errors, 0 warnings)
beLaity的博客
09-11 1377
（ 一般都是格式化后的错误） 用Standard标准创建的项目（它是一些前端工程师自定的标准） 或者下载这个依赖：eslint-config-standard npm install eslint-config-standard eslint-plugin-standard eslint-plugin-promise -g 创建的项目的目录是这个样子的，会有一个 .editorconfig 文件 .editorconfig文件 要配合vscode的插件使用，下载插件 Edito..
Vue报错—Unexpected tab character
冯瑞姣
06-11 6168
【前言】 初次跟着视频开始做vue小项目，真是太难了！由于自己基础知识不是很扎实，在解决问题的过程中思路很乱，导致错误越来越多。不过还好，最后还是一步一步试，把问题解决了。 【内容】 出错原因： 因为在开始项目的初始化阶段，设置了eslint规范。 .eslintrc.js作用：有时候需要对代码做一个检测，看一看写的是否标准，此文件中配置了一些代码规范，写代码必须按照这个规范写，才不会有错误的提示。 解决方法： 1.在项目的根目录下.eslintrc.js中加一行代码："no-tabs":"o
关闭eslink：报错：Unexpected tab character no-tabs
weixin_42349568的博客
09-08 2967
这是因为eslink的代码规范检验太严格了，不允许用tab代替空格： 我原本这样写： <template> <div id="app"> App 根组件 </div> </template> 就报错了，改成这样就不会报错： <template> <div id="app"> App 根组件 </div> </template> 既然已经知道是eslink代码检验的问题，那就要把它关闭掉
创建Vue项目时报错"Unexpected tab charcater"错误
法研鲁迅的个人博客
09-11 910
在使用vue-cli创建项目，启动此项目之后，控制台会报错，报错内容为：”Unexpected tab charcater“：
Extra semicolon Unexpected tab character
wqnmlgbsz的博客
09-09 298
格式问题，你在创建的时候是可以关闭的，如果来不及了 则可以这样 config下面的index.js 搜索useEslint 把值换成false 然后重新运行npm run dev
vue项目报错：Unexpected tab character (no-tabs)
weixin_30768175的博客
08-08 8628
eslint意思是检查规范代码 第一种方法： 新建项目的时候 第二种方法： 首先在项目的根目录下.eslintrc.js中加入一行代码："no-tabs":"off" 然后在router.js文件中添加：/* eslint-disable */ 注意添加这句话的时候不要有空格，就不会在报错了 转载于:https://www.cnblogs.com...
Unexpected tab charater异常的解决方案
最新发布
2301_79779756的博客
05-10 592
在编程过程中，特别是在使用某些代码格式化工具或IDE（集成开发环境）时，可能会遇到“Unexpected tab character”的异常或警告。这个异常通常指的是在代码文件中发现了意外的制表符（tab），而该文件可能期望只使用空格符（space）进行缩进。
eslint --报错no-tabs
wenjiusui8083的博客
05-02 9410
vue项目eslint报错：[eslint] Unexpected tab character. (no-tabs)解决：在.eslintrc.js文件里添加：　　　'no-tabs': 'off'
vue.config.js 报错 Unexpected tab character
07-14
出现 "vue.config.js 报错 Unexpected tab character" 的错误是因为在你的 `vue.config.js` 文件中存在不正确的缩进，可能是使用了制表符（tab）而不是空格进行缩进。 在VSCode中，可以通过以下步骤来解决这个问题： 1. 打开 `vue.config.js` 文件。 2. 点击编辑器右下角的空白区域，选择 "空白符号" 选项。 3. 确保 "显示空白符号" 处于开启状态。这将显示行尾的换行符和缩进的空格或制表符。 4. 检查文件中的每一行，确保使用空格进行缩进，而不是制表符。如果存在制表符，请将其替换为相应数量的空格。 5. 保存文件并重新运行你的程序。 这样应该可以解决 "Unexpected tab character" 错误。在编写代码时，建议使用空格进行缩进，以避免类似的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值