A veces, cuando inicio VSCode y guardo un archivo JS, todo se complica.

ejemplo

De:A:Al guardar

Lo que descubrí:

Cuando cambio una configuración de usuario de VSCode (algo relacionado con el complemento más bonito | cualquier cosa (normalmente cambio prettier.eslintIntegration pero podría ser que cualquier cambio en la configuración lo resuelva)) deja de romperse al guardar.

Posibles detalles relacionados con el entorno

// Part of .eslintrc
{
    parser: 'babel-eslint',
    extends: ['airbnb', 'prettier'],
    plugins: ['prettier'],
    rules: {
        'prettier/prettier': 'error'
    }
    ...
}

// .prettierrc.yml
printWidth: 80
tabWidth: 4
useTabs: false
semi: false
singleQuote: true
trailingComma: es5
bracketSpacing: true
jsxBracketSameLine: false
arrowParens: always

// Part of my VSCode 'User Settings' file
"javascript.format.enable": false,
"javascript.validate.enable": false,
"prettier.eslintIntegration": true,
"typescript.format.enable": false

// Possible related modules from my package.json
"babel-eslint": "^8.2.1",
"eslint": "^4.16.0",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-import-resolver-webpack": "^0.8.4",
"eslint-plugin-import": "^2.8.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.5.1",
"prettier-eslint": "^8.8.1",

Sostenibilidad de VSCode Extension:

dbaeumer.vscode-eslint
esbenp.prettier-vscode

Si necesita proporcionar otra información (depuración), dispare.