Autofix @stylistic errors

[bckthomas]

Hi
As you can see from the screenshot, I get eslint errors that can be automatically fixed.
But despite the addition of fix:true and eslint.fix in the gulpfile, the autofix doesn't work.
Am I missing anything to make it work?
Thank you

gulpfile.mjs

import eslint from 'gulp-eslint-new';
...

export const scripts = () =>
  src(paths.scripts.src, { since: lastRun('scripts') })
    .pipe(eslint({
      overrideConfigFile: 'config/.eslint.config.js',
      fix: true
    }))
    .pipe(eslint.fix())
    .pipe(eslint.format())
    .pipe(eslint.failAfterError())
    .pipe(uglify())
    .pipe(rename({ extname: '.min.js' }))
    .pipe(rename({dirname: paths.scripts.dest}))
    .pipe(dest('./'))
    .pipe(server.stream());

package.json :

    "@eslint/eslintrc": "^3.2.0",
    "@eslint/js": "^9.19.0",
    "@stylistic/eslint-plugin": "^3.0.0",
    "@stylistic/eslint-plugin-js": "^3.0.0",
    "eslint": "^9.15.0",
    "gulp": "^5.0.0",
    "gulp-eslint-new": "^2.4.0",

.eslint.config.js

import globals from "globals";
import path from "node:path";
import { fileURLToPath } from "node:url";
import js from "@eslint/js";
import { FlatCompat } from "@eslint/eslintrc";
import stylisticJs from '@stylistic/eslint-plugin-js'

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const compat = new FlatCompat({
    baseDirectory: __dirname,
    recommendedConfig: js.configs.recommended,
    allConfig: js.configs.all
});

export default [...compat.extends('eslint:recommended', 'plugin:@stylistic/recommended-extends'), {
    languageOptions: {
        globals: {
            ...globals.browser,
        },

        ecmaVersion: 2015,
        sourceType: 'module',
    },

    plugins: {
      '@stylistic/js': stylisticJs
    },

    rules: {
      '@stylistic/js/indent': ['error', 2],
      "@stylistic/js/quotes": ['error', 'single', { avoidEscape: true } ],
      '@stylistic/js/semi': ['error', 'always'],
      'no-undef': 'off',
    },
}];

[fasttime]

It looks like you are using two fixable rules with conflicting settings. Note that the @stylistic/recommended-extends config will set

'@stylistic/semi': ['error', 'never']

while your config file sets

'@stylistic/js/semi': ['error', 'always']

This results in a situation where ESLint cannot apply fixes automatically. Since you are relying on recommended @stylistic rules, I would use only those rules and not the corresponding ones from @stylistic/js. You could update your config file like this:

import globals from "globals";
import path from "node:path";
import { fileURLToPath } from "node:url";
import js from "@eslint/js";
import { FlatCompat } from "@eslint/eslintrc";
import stylistic from "@stylistic/eslint-plugin";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const compat = new FlatCompat({
    baseDirectory: __dirname,
    recommendedConfig: js.configs.recommended,
    allConfig: js.configs.all
});

export default [...compat.extends('eslint:recommended', 'plugin:@stylistic/recommended-extends'), {
    languageOptions: {
        globals: {
            ...globals.browser,
        },

        ecmaVersion: 2015,
        sourceType: 'module',
    },

    plugins: {
      '@stylistic': stylistic
    },

    rules: {
      '@stylistic/indent': ['error', 2],
      "@stylistic/quotes": ['error', 'single', { avoidEscape: true } ],
      '@stylistic/semi': ['error', 'always'],
      'no-undef': 'off',
    },
}];

[bckthomas]

It's work !
You're my hero
Thansk a lot for your answer and your explanation