web-dev-qa-db-fra.com

Le format PRettier de Code VS-Code sur Enregistrer ne fonctionne pas

Pendant environ un mois maintenant, mon extension plus jolie a cessé de fonctionner comme elle le fait normalement. Le plus notamment - le format de sauvegarde ne fonctionne pas. Autres notes:

  • Format sur la frappe a ; travaux

  • Je reçois ce symbole de type d'erreur dans la barre d'état à côté du bouton PRETERER - Je ne trouve aucune référence à cela relative à Preettier sur Google:

    enter image description here]

  • J'ai mon format sur Enregistrer les paramètres enregistrés:

    Format on save

  • 'Format Document,Format Sélection andFormat document avec` commande options Palette Tout ne fait rien

  • Le chronométrage de la pause coïncide avec le passage de plus jolies 2-3

  • J'ai suivi les étapes de migration et je pense que tout est en ordre. Quelques extraits de la configuration entre Eslint et plus jolie que j'ai:

    1. Selon la documentation plus jolie , mes paramètres de code VS ont:
"eslint.autoFixOnSave": true, // (even though VSCode has this as deprecated), have tried with and without this line
"editor.codeActionsOnSave": {
  "source.organizeImports": true,
  "source.fixAll.eslint": true
},
  1. Mes dépendances de développement incluent:
    "eslint-config-prettier": "^6.5.0",
    "eslint-plugin-prettier": "^3.1.2",
    "prettier-eslint": "^9.0.0",
  1. J'ai un fichier prettier.config.js
  2. Mon fichier .eslintrc.js comprend:
extends: ['airbnb', 'prettier'],
plugins: ['react', 'jsx-a11y', 'import', 'react-hooks', 'plugin:prettier/recommended'],

Quelqu'un a-t-il une idée sur la manière de résoudre ce problème ou d'autres tests de débogage à faire ici? Ça me conduit noix!

visual-studio-codevscode-settingsprettier
7
Hemal

La configuration a changé, vous devez ajouter cela dans les paramètres VS-Code:

Selon la documentation: "Vous pouvez activer Auto-Fix sur Enregistrer pour Eslint, Tslint ou Stylelint et avoir encore des formatage et des correctifs rapides"

"editor.codeActionsOnSave": {
  // For ESLint
  "source.fixAll.eslint": true,
  // For TSLint
  "source.fixAll.tslint": true,
  // For Stylelint
  "source.fixAll.stylelint": true
}
3
Laurent Loukopoulos

Essayez de rendre votre code Preettier manuellement en appuyant sur Ctrl + Maj + p >>> Document de format. Si votre fichier est en train d'être formaté sans aucun problème, cela signifie que la question se situe dans les paramètres FormatOsave. Probablement, vous pouvez essayer de faire de nouveaux débogage à partir de là.

0
Alexander BORISOV