Je vais avoir des crises pour obtenir du code visuel de studio avec mon projet angulaire 2 démarreur.
J'ai mis en place mon tsconfig.json like so ...
{
"compilerOptions": {
"target": "es5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
},
"exclude": [
"node_modules",
"typings/main",
"typings/main.d.ts"
]
}
Immédiatement je suis tombé sur cette erreur
[ts] Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option to remove this warning.
class AppComponent
Je ne pouvais pas identifier ce qui se passait alors j'ai lancé une compilation et j'ai eu cette erreur.
error TS5057: Cannot find a tsconfig.json file at the specified directory: '.'
Cette erreur explique pourquoi je reçois des erreurs à propos du décorateur de composants, mais je ne sais pas pourquoi le fichier tsconfig.json n'est pas trouvé.
Je n'ai qu'un dossier et il contient tout sauf index.html, package.json et .gitignore.
Pour la plupart des utilisateurs de Visual Studio Code, il suffira de créer un fichier tsconfig.json
à la racine du document (probablement là où sont vos fichiers .ts
) avec un contenu simple: {}
.
Cela signifie "un fichier JSON vide <...>. Ce sera suffisant pour la plupart des gens".
J'ai eu une erreur similaire. Résolu en changeant la ligne suivante dans tasks.json
"args": ["-p", "."],
à
"args": ["-p", "./src"],
Dans mon cas, tsconfig.json était dans le dossier src. Le projet Angular 2 a été créé avec angular-cli.
Je mets le fichier tsconfig.js dans le dossier racine, puis je peux créer mon fichier .ts n'importe où dans le dossier du projet.
J'ai eu la même erreur quand j'ai fait ce qui suit:
ng new project_name
cd project_name
code .
L'ouverture du dossier src au lieu du dossier racine du projet l'a corrigé:
ng new project_name
cd project_name
code .\src
Rencontré un problème similaire.
Testé sur Debian 8.4 et Windows 7 SP1, avec les versions de VS Code 1.1.0-initié, 1.0.0, 0.10.8. Egalement avec et sans régler TypeScript.tsdk
dans .vscode/settings.json
.
Dans tous les cas, le contenu de tsconfig.json
semble être ignoré en faveur des valeurs par défaut. Exécuter tsc à partir du terminal, le plug-in VS Code tslint de VS Code, gulp-TypeScript, etc. utilisent tous le fichier sans erreur, y compris les propriétés des modules, des décorateurs et des règles.
Cependant, je ne reçois pas le TS5057 lors d'une construction gérée par une tâche de code VS, sauf si je renomme ou supprime le fichier malgré le fait que le contenu soit ignoré.
En guise de mesure temporaire, vous pouvez définir TypeScript.validate.enable
sur false
dans vos paramètres et utiliser le plug-in tslint pour la validation lors de la compilation via grunt ou gulp, ce qui peut être intégré dans le gestionnaire de tâches si vous le souhaitez.
Je suis nouveau dans Visual Studio Code et j'ai eu le même problème. Je l'ai résolu comme suit: lorsque vous définissez un dossier de travail pour votre projet et ajoutez une tâche, VSC crée un dossier invisible appelé .vscode. Dans ce dossier se trouve le fichier task.json. À partir de ce moment, il est exécuté.
.vscode (folder)
task.json
myfolder
app.ts
index.html
otherfolder
newfile.ts
otherfile.ts
tsconfig.json
la position du fichier tsconfig.json est au même niveau que le dossier vscode. C'est ce que "args": ["."] Signifie dans le fichier task.json.
Il suffit de mettre le tsconfig.json à l’emplacement prévu