2017-05-08 2 views
0

Je commence avec Node.js, dactylographiée et code VS, mais je lance un problème en essayant les exemples donnés par tapuscrit (par exemple les greeter.ts)Erreur d'accès à la propriété de document

Je transpile en utilisant la commande ligne ou le menu VS Code, et exécutez le produit en cliquant sur le code HTML donné dans l'exemple (cela charge ensuite le fichier script.js).

Si j'essaie d'exécuter/déboguer à partir de VS Code, une exception est interceptée sur la ligne (uniquement) "document.body.innerHTML = greeter.greet();" Pour une raison quelconque, la propriété "document" n'existe pas (encore?).

La même chose se produit avec l'exemple raytracer. Compilé et traîné dans un navigateur est bien, a commencé à partir de VS Code n'est pas.

Une idée de comment créer un exemple simple qui exécute (débogage) dans VS Code?

Répondre

1

Les exemples TypeScript sont destinés à être exécutés dans un navigateur.

document est une API qui est exposée par le navigateur au moteur JavaScript qui permet au code JS de lire et de modifier la page Web. Puisque Node.js n'est pas un navigateur, il n'a pas la propriété de document.

+0

Je voudrais poser deux questions de suivi dans ce cas: 1) Si je veux seulement développer pour un navigateur, ai-je besoin d'installer node.js sur ma machine de dev? 2) Puis-je configurer VS Code pour exécuter mon application dans une fenêtre de navigateur (et aussi déboguer avec)? – Ralf

+0

@Ralf 1) Si vous ne développez que des applications côté client, alors non, vous ne le faites pas. 2) Oui, c'est possible en utilisant un [extension] (https://github.com/Microsoft/vscode-chrome-debug). Selon le blog de Microsoft, ils envisagent de soutenir Edge et d'autres navigateurs à l'avenir. –