eslint无法运行html文件

时间:2019-04-25 15:34:35

标签: visual-studio-code eslint

当我打开.html文件时,似乎eslint扩展名不是VSCode中的startet。

如果我在打开ESLint: Fix all auto-fixable Problems文件的情况下执行.html,则会收到以下消息:

  

ESLint没有运行。默认情况下,仅验证JavaScript文件。如果要验证其他文件类型,请在\'eslint.validate \'设置中指定它们。

当我在vscode中打开.js文件时,一切正常。

我已经安装了eslint-plugin-html插件。

当我手动将.html文件传递到eslint CLI时,一切都工作正常,因此我怀疑eslint插件不是问题。

这是我完整的settings.json文件:

{
    "eslint.options": {
        "extensions": [".html", ".js"]
    },
    "eslint.validate": [
        "javascript",
        {
            "language": "html",
            "autoFix": true
        }
    ]
}

这是我的.eslintrc.js文件的开头:

module.exports = {
  env: {
    browser: true,
    es6: true,
  },
  extends: 'airbnb-base',
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
  parserOptions: {
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  plugins: [
    "align-assignments", "html",
  ],
  settings: {
    "html/report-bad-indent": "error",
  },
  rules: { ...

我已经看过eslint is running but not showing any lint errors/warningsHow can I get ESLint to lint HTML files in VSCode?,但没有一个答案对我有帮助。

请注意,我什至看不到ESLint输出通道,如此处的屏幕截图所述:https://stackoverflow.com/a/54138880/4349415

打开.js文件时,我只能看到此ESLint输出通道,告诉我ESLint服务器已启动。

1 个答案:

答案 0 :(得分:0)

问题不在于ESLint或VSCode,而是与另一个VSCode第三方扩展:Mako(版本0.2.0)

https://marketplace.visualstudio.com/items?itemName=tommorris.mako

禁用此扩展名可以修复HTML文件中的ESLint支持。