2017-05-08 2 views
0

난 그냥 Node.js를, 타이프 라이터와 VS 코드로 시작하고 있지만이 명령을 사용하여 transpile 수있는합니다 (greeter.ts 예를 들어) 타이프에 의해 주어진 예액세스하는 동안 오류가 문서 속성

을하려고 할 때 나는 문제로 실행 line 또는 VS Code 메뉴를 열고 예제에 제공된 html을 클릭하여 제품을 실행합니다 (그러면 script.js 파일이로드됩니다).

VS 코드 내부에서 실행/디버깅하려고하면 "document.body.innerHTML = greeter.greet();"(유일한) 행에서 예외가 발견됩니다. 어떤 이유로 "document"속성이 존재하지 않습니다 (아직?).

raytracer 예제에서도 마찬가지입니다. 컴파일되고 브라우저로 끌고 VS 코드에서 시작되지 않습니다.

VS 코드에서 (debugs) 실행되는 간단한 예제를 만드는 방법을 알려주십시오.

답변

1

TypeScript 예제는 브라우저에서 실행하기위한 것입니다.

document은 브라우저에서 JS 코드가 웹 페이지를 읽고 수정할 수있게 해주는 JavaScript 엔진에 노출되는 API입니다. Node.js는 브라우저가 아니기 때문에 document 속성이 없습니다.

+0

이 경우 두 가지 후속 질문을하고 싶습니다. 1) 브라우저 용으로 개발하고 싶다면 node.js를 내 dev 컴퓨터에 설치해야합니까? 2) 브라우저 창에서 내 앱을 실행하도록 VS 코드를 구성 할 수 있습니까 (또한 디버그 할 수 있습니까)? – Ralf

+0

@Ralf 1) 클라이언트 측 앱 만 개발 중이면 아니요, 그렇지 않습니다. 2) 예, [확장 기능] (https://github.com/Microsoft/vscode-chrome-debug)을 사용하여 가능합니다. Microsoft의 블로그 게시물에 따르면 그들은 미래에 Edge 및 다른 브라우저를 지원할 계획입니다. –