如何抑制错误：空格和制表符混合？

Question

我在Vue.js应用程序中收到此烦人的“错误”消息。

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

我想知道如何抑制它？

Answer 1

那是ESLint error (no-mixed-spaces-and-tabs)。您可以配置ESLint忽略该错误。配置通常存储在Vue CLI生成的项目的.eslintrc.js中。在该文件内，编辑rules对象以包含：

"rules": {
  "no-mixed-spaces-and-tabs": 0,
}

Answer 2

通过解决您的问题。

这是ESLint违反规则的行为。它不会影响您的代码是否实际运行，但是会警告您，源代码的格式不理想。

这意味着在代码indentation（不可见的字符）中，您使用的是制表符和空格的组合。

它应该是一个或另一个。因此，请确保您始终使用 标签或空格，但不要同时使用。

大多数IDE都具有将制表符转换为空格或反之亦然的选项，以转换现有代码，使其符合此规则。

否则@tony19's answer覆盖了您。

Answer 3

转到.s ---------------------------------------------------------------------- Ran 2 tests in 0.000s OK (skipped=1) ，然后转到view option，您将找到indentation。您的问题应该得到解决。如果不是固定的，则转到indent using space。