La machine ne peut pas trouver le nom de la fenêtre ou du document

Pour les deux cas:

document.getElementById('body');
//or
window.document.getElementById('body');

- Je obtenir error TS2304: Cannot find name 'window'.

Ai-je raté quelque chose dans tsconfig.json pour un fichier de définition je dois installer?

Je reçois le message lors de l'exécution de tsc et dans vscode

tsconfig.json:

{
    "compilerOptions": {
        "allowJs": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "jsx": "react",
        "module": "commonjs",
        "moduleResolution": "node",
        "noEmitOnError": true,
        "noImplicitAny": false,
        "sourceMap": true,
        "suppressImplicitAnyIndexErrors": true,
        "target": "ES2016",
        "typeRoots": [
            "node_modules/@types/",
            "typings/index.d.ts"
        ]
    },
    "exclude": [
        "node_modules",
        "**/*-aot.ts"
    ]
}

Ma Réponse:
Pour une utilisation avec tsconfig.json je cible es5 et l'utilisation lib: ["es2015", "dom"]

J'ai pas à pas à l'aide de Angular2
Où obtenez-vous cette erreur? Dans votre IDE, ou lors de l'exécution de tsc? Quelle est votre tsconfig.json fichier? Vous devez fournir les informations les plus pertinentes si vous voulez de l'aide
J'ai ajouté les informations qui vous sont demandées.

InformationsquelleAutor Steven Bayer | 2016-12-26

63

Il semble que le problème est causé par le ciblage ES2016.

Ciblez-vous que, pour une raison? Si vous ciblez es6 l'erreur probablement disparaître.

Une autre option est de préciser les bibliothèques pour le compilateur à utiliser:
```
tsc -t ES2016 --lib "ES2016","DOM" ./your_file.ts
```
Qui devrait également faire disparaître l'erreur.

Je ne sais pas pourquoi les libs ne sont pas utilisés par défaut, dans le docs pour les options du compilateur c'unis pour le --lib option:

Remarque: Si l'option --lib n'est pas spécifié, par défaut, une bibliothèque est injecté. L'
par défaut de la bibliothèque injecté est:

► Pour --target ES5: DOM,ES5,ScriptHost

► Pour --target ES6: DOM,ES6,DOM.Itératif,ScriptHost

Mais il ne fait pas état de ce que sont les bibliothèques par défaut lors du ciblage de ES2016.

Il peut-être un bug, essayez d'ouvrir une question, si vous n'hésitez pas à partager le lien ici.
- Ciblage de l'ES6 a fait le tour! J'ai d'abord ciblé ES2016 parce que j'ai l'intention de mettre la résultante de javascript par webpack donc je ne pense pas que ce serait faire une grande différence.
- Il fait sens pour moi que --libs devrait être explicitement déclarée à la place de certaines arbitraire par défaut.
- J'ai la même question au code de temps en VSCode avec Angulaire à 2 projet intégré Angulaire de la CLI, et de passer à "es6" dans les deux/soit tsconfig.json et tsconfig.app.json n'a pas le résoudre, pas plus que l'ajout de "dom" pour tsconfig.json (il est déjà dans le tsconfig.app.json). Il n'y a aucun moment de la compilation ou de l'exécution des erreurs, mais le rouge ondulée est gênant lors de l'encodage.
- Si il n'y a pas des erreurs de compilation alors c'est un problème avec votre VSCode. Je n'ai jamais utilisé.
- utilisation "lib": ["dom"] dans tsconfig.json. Ce qui a fonctionné pour moi.
- Perplexe quelle cible en fait, c'est juste pour la typedefs? Et lib... c'est aussi pour les typedefs?
- spécifie la version de js la sortie de la compilation. Par exemple, si vous voulez que votre code fonctionne sur les navigateurs plus anciens, vous ne voulez pas es6 fonctionnalité (et ci-dessus). Le lib option a des valeurs par défaut basé sur le target. Vous pouvez remplacer les valeurs par défaut si vous êtes sûr que l'environnement lors de l'exécution inclut les fonctionnalités.
- Aha got maintenant merci!
InformationsquelleAutor Nitzan Tomer
37

utilisation
```
"lib": ["dom"]
```
dans le tsconfig.json

par exemple
```
{
  "compilerOptions": {
    "lib": ["es5", "es6", "dom"],
    "outDir": "./dist/",
    "sourceMap": true,
    "noImplicitAny": true,
    "module": "commonjs",
    "target": "es6",
    "moduleResolution": "node",
    "jsx": "react"
  },
  "include": ["./src/**/*"]
}
```
- FWIW c'est ce que résolu pour moi. Doit être accepté de répondre, parce que dans certaines situations (kits de démarrage ou les outils déjà prendre soin de l'exécution de tsc pour vous, vous n'êtes pas si facilement en mesure de modifier la CLI args est passé, mais vous avez presque certainement de contrôle tsconfig.json)
InformationsquelleAutor Damian Green

Vous devez vous connecter pour publier un commentaire.