我在Vue.js应用程序中收到了这个恼人的"错误"信息.

error: Mixed spaces and tabs (no-mixed-spaces-and-tabs) at src/components/Landing.vue:388:2:

我想知道怎样才能 suppress 它?

推荐答案

这是一个ESLint error (no-mixed-spaces-and-tabs),旨在警告不要同时使用空格和制表符来缩进代码.Consistency空格/制表符是一种代码约定,这在团队内共享代码库时很重要(1)(2).如果你是独自一人(而且没有其他计划),可以随意禁用/启用任何你想要的规则.

禁用每个项目的规则

您可以将ESLint配置为在整个项目中忽略该错误.配置通常存储在Vue CLI生成的项目中的.eslintrc.js中.在该文件中,编辑rules对象以包含:

// .eslintrc.js
module.exports = {
  "rules": {
    "no-mixed-spaces-and-tabs": 0, // disable rule
  }
}

禁用每行规则

要仅在一行中忽略该错误,请在该行中使用内联注释(eslint-disable-line no-mixed-spaces-and-tabs or eslint-disable-next-line no-mixed-spaces-and-tabs):

⋅⋅const x = 1
⇥⋅⋅const y = 2 // eslint-disable-line no-mixed-spaces-and-tabs

// eslint-disable-next-line no-mixed-spaces-and-tabs
⇥⋅⋅const z = 3

禁用每个节的规则

要在多行代码中忽略该错误,请在代码周围添加eslint-disable no-mixed-spaces-and-tabseslint-enable no-mixed-spaces-and-tabs multi-line注释:

⋅⋅const x = 1

/* eslint-disable no-mixed-spaces-and-tabs */
⇥⋅⋅const y = 2  // ?
⇥⋅⋅const z = 3  // ?
/* eslint-enable no-mixed-spaces-and-tabs */

⇥⋅⋅const q = 4  // ❌ error: mixed spaces and tabs!

Vue.js相关问答推荐

如何在Vue 3中将动态特性从主零部件同步到子零部件

Vuetify 3 改变 Select 的 colored颜色

如何在Vue3中使用vuechartjs 5.2从父组件更新图表

如何在FormKit中验证文本输入框中不能输入数字

在 onMounted 之前渲染的 Vue 模板

vue3 ssr 不返回纯 html

在 vue.js 中添加新类时样式不适用

如何在 A-La-Carte 系统中使用 vuetify 加载程序时导入 vuetify/lib

如何在 vue 组件中定义变量? (Vue.JS 2)

如何在vue中动态加载组件

Vuejs 和 Laravel 发布请求 CORS

Vue 和 Bootstrap Vue - 动态使用插槽

在按键 vuejs 中只允许数字和一个小数点后 2 位限制

加载和渲染时对象值上的 Vue.js 未定义错误

如何在 VUE 应用中使用 sass?

如何在生产模式下为 chrome 扩展启用 Vue devtools?

如何将数据传递给 Vue.js 中的路由视图

Nuxt.js - API 调用的最佳场所

Laravel 和 Vue - handler.call 不是函数

使用 vuejs 设置响应式屏幕宽度