备案控制台

开发者社区开发与运维文章正文

vue 里使用 eslint 报错 error：Mixed spaces and tabs (no-mixed-spaces-and-tabs)

2023-02-23 522

版权

版权声明：

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： vue 里使用 eslint 报错 error：Mixed spaces and tabs (no-mixed-spaces-and-tabs)

问题

报错如下：

解决

第一种：就是在 .eslintrc.js 那里关闭 no-mixed-spaces-and-tabs 规则

"no-mixed-spaces-and-tabs": "off"

第二种：就是解决这种问题：不要使用空格和 tab 混合就行。

官网的描述：禁止使用空格和 tab 混合缩进 (no-mixed-spaces-and-tabs)，配置文件中的 "extends": "eslint:recommended" 属性启用了此规则。

大多数代码约定要求使用空格或 tab 进行缩进。因此，一行代码同时混有 tab 缩进和空格缩进，通常是错误的。

https://eslint.bootcss.com/docs/rules/no-mixed-spaces-and-tabs

文章标签：

JavaScript

关键词：

eslint VUE.js

报错VUE.js

vue报错VUE.js

error VUE.js

报错error VUE.js

凯小默

目录

相关文章

龙大吉

|

2月前

|

JavaScript 前端开发开发者

如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码，包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤

随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码，包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具，可以显著提升编码效率和代码质量。

龙大吉

631 4 4

龙大吉

|

2月前

|

JavaScript 前端开发开发者

如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码

随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具，可以确保代码风格一致，提高代码质量和可读性。

龙大吉

310 1 1

龙大吉

|

3月前

|

JavaScript 前端开发开发者

如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升团队协作效率和代码质量。

【10月更文挑战第9天】随着前端开发技术的发展，代码规范和格式化工具变得至关重要。本文介绍如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升团队协作效率和代码质量。通过安装插件、配置 ESLint 和 Prettier，以及设置 VSCode，实现代码实时检查和格式化，确保代码风格一致。

龙大吉

727 2 2

龙大吉

|

3月前

|

JavaScript 前端开发开发者

如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升代码质量和团队协作效率。

【10月更文挑战第8天】本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码，提升代码质量和团队协作效率。通过安装 VSCode 插件、配置 ESLint 和 Prettier，实现代码规范检查和自动格式化，确保代码风格一致，提高可读性和维护性。

龙大吉

132 2 2

邹荣乐

|

3月前

|

JavaScript

Vue启动时报错的解决方案，以及解决相同路径跳转报错的问题

Vue启动时报错的解决方案，以及解决相同路径跳转报错的问题

邹荣乐

475 0 0

小宋1021

|

15天前

|

JavaScript

vue使用iconfont图标

vue使用iconfont图标

小宋1021

82 1 1

阿里巴巴叫我来巡山

|

26天前

|

JavaScript 关系型数据库 MySQL

基于VUE的校园二手交易平台系统设计与实现毕业设计论文模板

基于Vue的校园二手交易平台是一款专为校园用户设计的在线交易系统，提供简洁高效、安全可靠的二手商品买卖环境。平台利用Vue框架的响应式数据绑定和组件化特性，实现用户友好的界面，方便商品浏览、发布与管理。该系统采用Node.js、MySQL及B/S架构，确保稳定性和多功能模块设计，涵盖管理员和用户功能模块，促进物品循环使用，降低开销，提升环保意识，助力绿色校园文化建设。

阿里巴巴叫我来巡山

155 17 17

雨溪-yuxi

|

2月前

|

JavaScript 前端开发开发者

vue学习第一章

欢迎来到我的博客！我是瑞雨溪，一名热爱前端的大一学生，专注于JavaScript与Vue，正向全栈进发。博客分享Vue学习心得、命令式与声明式编程对比、列表展示及计数器案例等。关注我，持续更新中！🎉🎉🎉

雨溪-yuxi

54 1 1

雨溪-yuxi

|

2月前

|

JavaScript 前端开发索引

vue学习第三章

欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中的v-bind指令，包括基本使用、动态绑定class及style等，希望能为你的前端学习之路提供帮助。持续关注，更多精彩内容即将呈现！🎉🎉🎉

雨溪-yuxi

49 1 1

雨溪-yuxi

|

2月前

|

缓存 JavaScript 前端开发

vue学习第四章

欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中计算属性的基本与复杂使用、setter/getter、与methods的对比及与侦听器的总结。如果你觉得有用，请关注我，将持续更新更多优质内容！🎉🎉🎉

雨溪-yuxi

43 1 1

热门文章

最新文章

vue视图更新原理、nextTick()原理

解决vue中使用echarts，大量数据缩放卡顿的问题

vue中异步函数async和await的用法

vue数据绑定原理

揭密 Vue 的双向绑定

vue使用echarts实现世界地图和中国地图以及切换地图功能

renrenfast开源项目打包过程，前端使用vue element-UI，前后端分离，打包为一个jar包运行

vue中使用echarts实现动态图表多数据展示，带源码（x轴动态时间刷新，实时更新展示数据）

模拟Vue数据的双向绑定

VUE之Echarts可视化图表双Y轴配置详解

使用Vue.js构建交互式前端的技术探索

ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录

vue2升级到vue3的一些使用注意事项记录(四）

ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理

ruoyi-nbcio-plus基于vue3的flowable多租户机制

ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改

vue3中使用动态组件

Vue 3 中＜transition-group＞组件报错的非 props 属性传递问题

ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改

ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改

相关课程

更多

Spring Boot+Vue.js+FastDFS实现分布式图片服务器

Vue.js 入门与实战

Vue.js完全自学手册图文教程

相关电子书

更多

Vue.js 在前端服务化上的探索与实践

Vue.js在前端服务化上的实践与探索

利用编译将 Vue 组件转成 React 组件

下一篇

DataWorks智能交互式数据开发与分析之旅