Skip to main content

框架常见问题

我使用需要自定义文件扩展名的框架（如 Vue），并且收到类似“你应该将 parserOptions.extraFileExtensions 添加到你的配置”的错误​

¥I use a framework (like Vue) that requires custom file extensions, and I get errors like "You should add parserOptions.extraFileExtensions to your config"

你可以使用 parserOptions.extraFileExtensions 指定要允许的非 TypeScript 扩展数组，例如：

¥You can use parserOptions.extraFileExtensions to specify an array of non-TypeScript extensions to allow, for example:

注意

有关避免性能问题，请参阅 projectService 对 extraFileExtensions 的更改。

¥See Changes to extraFileExtensions with projectService to avoid performance issues.

eslint.config.mjs
export default tseslint.config(
  // ... the rest of your config ...
  {
    languageOptions: {
      parserOptions: {
        extraFileExtensions: ['.vue'],
        projectService: true,
        tsconfigRootDir: import.meta.dirname,
      },
    },
  },
);

我在解析 .vue 文件中的 TypeScript 时遇到错误​

¥I am running into errors when parsing TypeScript in my .vue files

如果你在解析 .vue 文件时遇到问题，可能是因为需要像 vue-eslint-parser 这样的解析器来解析 .vue 文件。在这种情况下，你可以将 @typescript-eslint/parser 移动到 parserOptions 内，并使用 vue-eslint-parser 作为顶层解析器。

¥If you are running into issues parsing .vue files, it might be because parsers like vue-eslint-parser are required to parse .vue files. In this case you can move @typescript-eslint/parser inside parserOptions and use vue-eslint-parser as the top level parser.

eslint.config.mjs
import tseslint from 'typescript-eslint';
import vueParser from 'vue-eslint-parser';

export default tseslint.config(
  // ... the rest of your config ...
  {
    languageOptions: {
      parser: tseslint.parser,
      parser: vueParser,
      parserOptions: {
        parser: tseslint.parser,
        sourceType: 'module',
      },
    },
  },
);

parserOptions.parser 选项还可以指定一个对象来指定多个解析器。有关更多详细信息，请参阅 vue-eslint-parser 使用指南。

¥The parserOptions.parser option can also specify an object to specify multiple parsers. See the vue-eslint-parser usage guide for more details.