eslint - 'multiple' 语法之前的预期 'single' 语法

Question

我正在尝试导入这样的文件，但出现错误:“单个”语法之前的预期“多个”语法

import { Component, Prop, Vue } from 'vue-property-decorator';
import { getModule } from 'vuex-module-decorators';
import { ApiException, IProduct, IProductCategory } from '@/services'; // error here
import { INavs } from '@/types';

规则配置:

'sort-imports': ['error', {
    'ignoreCase': false,
    'ignoreDeclarationSort': false,
    'ignoreMemberSort': false,
    'memberSyntaxSortOrder': ['none', 'all', 'multiple', 'single']
}]

Answer 1

import { ApiException, IProduct, IProductCategory } from '@/services';正在进口多个(三个)导出。

两者 import { getModule } from 'vuex-module-decorators';和 import { INavs } from '@/types';只导入一个命名的导出。

如果您移动 import { ApiException, IProduct, IProductCategory }，该错误就会消失。向上一行，因此它位于单个导入之上。
这是在您的设置中配置的 'memberSyntaxSortOrder': ['none', 'all', 'multiple', 'single']因为 'multiple' 列在 'single' 之前。

您可以在此处的 eslint 文档中阅读更多相关信息 https://eslint.org/docs/rules/sort-imports