typescript - vuejs - vue experimentaldecorators




Avertissement de décorateurs expérimentaux dans la compilation TypeScript (16)

  1. Ouvrez VScode.
  2. Appuyez sur ctrl + virgule
  3. Suivez les instructions dans la capture d'écran
    1. Recherche sur les décorateurs expérimentaux
    2. Éditer

j'ai

La prise en charge expérimentale des décorateurs est une fonctionnalité susceptible d’être modifiée dans une version ultérieure. Définissez l'option 'experimentalDecorators' pour supprimer cet avertissement.

même mes compilerOptions dans tsconfig.json ont des paramètres:

"emitDecoratorMetadata": true,
"experimentalDecorators": true,

Ce qui est étrange, c'est que certaines classes aléatoires qui utilisent des décorateurs ne montrent pas cet avertissement mais restent dans le même projet.

Qu'est-ce qui pourrait causer un tel comportement du compilateur TypeScript?


Ajoutez les lignes suivantes dans tsconfig.json et redémarrez VS Code.

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "target": "es5",
        "allowJs": true
    }
}

Cette erreur se produit également lorsque vous choisissez le dossier "src" pour votre dossier d'espace de travail.

Lorsque le dossier racine, dossier dans lequel se trouvent "src", "node_modules", l'erreur disparaît


Cette réponse est destinée aux personnes utilisant un projet Javascript et non un projet dactylographié . Au lieu d'un fichier tsconfig.json , vous pouvez utiliser un fichier jsconfig.json .

Dans le cas particulier où les décorateurs vous avertissent que vous souhaitez écrire dans le fichier:

{
    "compilerOptions": {
        "experimentalDecorators": true
    }
}

En ce qui concerne les comportements bogués demandés, il est toujours préférable de spécifier "inclure" dans le fichier de configuration et de redémarrer l'éditeur. Par exemple

{
    "compilerOptions": {
        "target": "ES6",
        "experimentalDecorators": true
    },
    "include": [
        "app/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

Fichier -> Préférences -> Paramètres


Il me faut ajouter les éléments suivants dans le fichier settings.json de vscode pour supprimer l'avertissement.

"javascript.implicitProjectConfig.experimentalDecorators": true

VSCode -> Préférences -> Paramètres


J'ai corrigé l'avertissement en supprimant "baseUrl": "" du fichier tsconfig.json



Ne pas insister sur le point, mais assurez-vous d’ajouter ce qui suit à

  • Paramètres de l'espace de travail, pas les paramètres de l'utilisateur

sous Fichier >> Préférences >> Paramètres

"javascript.implicitProjectConfig.experimentalDecorators": true

cela a réglé le problème pour moi et j'ai essayé quelques suggestions que j'ai trouvées ici et ailleurs.


Ouvrez le fichier settings.json à l’emplacement suivant <project_folder>/.vscode/settings.json

ou vous pouvez ouvrir le fichier depuis le menu comme mentionné ci-dessous

VSCode -> File -> Preferences -> Workspace Settings

Puis ajoutez les lignes suivantes dans le fichier settings.json

{
    "typescript.tsdk": "node_modules/typescript/lib",
    "enable_typescript_language_service": false
}

C'est tout. Vous ne verrez aucun avertissement / erreur concernant ' experimentalDecorators '


Par souci de clarté et de stupidité.

1) Ouvrez .vscode / settings.json.

2) Ajoutez "typescript.tsdk": "node_modules / typescript / lib" dessus.

3) Enregistrez-le.

4) Redémarrez le code Visual Studio.


Si vous travaillez dans Visual studio. Vous pouvez essayer ce correctif

  1. Déchargez votre projet de visual studio
  2. Allez dans le répertoire de base de votre projet et ouvrez le fichier "csproj".
  3. Ajoutez TypeScriptExperimentalDecorators à cette section, comme indiqué dans l'image

    1. Rechargez le projet dans Visual studio.

voir plus de détails à this endroit.


Vérifiez que vous avez ouvert dans votre code VS le dossier de l'ensemble du projet et pas uniquement le dossier src, car si vous ouvrez uniquement le fichier src, le fichier ts.config.json (situé dans le dossier du projet) ne sera pas dans la portée et VS ne reconnaîtra pas les paramètres des décorateurs expérimentaux.

Dans mon cas, cela corrigeait tous les problèmes liés à ce problème.


Vous pouvez également essayer avec ng build . Je viens de reconstruire l'application et maintenant, elle n'est pas conforme.


dois ajouter typescript.tsdk à mon .vscode/settings.json :

"typescript.tsdk": "node_modules/typescript/lib"

"javascript.implicitProjectConfig.experimentalDecorators": true

Va résoudre ce problème.





visual-studio-code