You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ESLint未应用.prettierrc.cjs中bracketSameLine与useTabs规则求助

ESLint+Prettier配置问题:bracketSameLine与useTabs规则未对Svelte文件生效

我已配置ESLint强制执行Airbnb规则,同时使用Prettier处理代码风格规则,但遇到了规则不生效的问题。

配置文件详情

.eslintrc.cjs

module.exports = {
    root: true,
    parser: '@typescript-eslint/parser',
    extends: [
        'airbnb-base',
        'airbnb-typescript/base',
        'eslint:recommended',
        'plugin:@typescript-eslint/recommended',
        'plugin:svelte/recommended',
        'plugin:prettier/recommended',
    ],
    plugins: ['@typescript-eslint'],
    ignorePatterns: ['*.cjs'],
    overrides: [
        {
            files: ['**/*.svelte'],
            parser: 'svelte-eslint-parser',
            parserOptions: {
                parser: '@typescript-eslint/parser',
            },
        },
    ],
    parserOptions: {
        project: './tsconfig.eslint.json',
        sourceType: 'module',
        ecmaVersion: 2020,
        extraFileExtensions: ['.svelte'],
    },
    env: {
        browser: true,
        es2017: true,
        node: true,
    },
    rules: {
        'import/no-extraneous-dependencies': 0,
    },
};

.prettierrc.cjs

module.exports = {
    bracketSameLine: true,
    useTabs: true,
    singleQuote: true,
    trailingComma: 'es5',
    printWidth: 100,
    plugins: ['prettier-plugin-svelte', 'prettier-plugin-tailwindcss'],
    tailwindConfig: './tailwind.config.cjs',
    pluginSearchDirs: ['.'],
    overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }],
    semi: true,
};

问题说明

.prettierrc.cjs文件中的bracketSameLine和useTabs两条规则未被强制执行。执行npm run lint(命令配置为:eslint . --ext .js,.cjs,.ts,.svelte --fix)时,期望Header.svelte文件能按Prettier配置格式化,但实际未生效。

示例文件(Header.svelte)

<script>
    import { AppBar } from '@skeletonlabs/skeleton';
</script>

<AppBar
    ><svelte:fragment slot="lead">left</svelte:fragment>(Welcome)<svelte:fragment slot="trail"
        >(actions)</svelte:fragment
    ></AppBar>

内容的提问来源于stack exchange,提问作者Gurpreet Singh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.26 14:07:35