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
相关产品推荐
相关产品推荐

