WebStorm에서 Angular 2 Dart를 사용하여 패키지 또는 자동 오류를 보는 방법은 무엇입니까?

Question

내 응용 프로그램에서는 탭을 구성 요소에 추가하려고 했으므로 Angular 구성 요소 패키지를 사용했습니다. 그들의 예를 베껴 탭을 볼 수있었습니다. 그러나 탭에는 내용이 없으므로 탭을 전환하지 않습니다.

도움을 청하니 Angular components example page을보고 내 컴퓨터에 예제를 복제했습니다. 마침내 문제를 파악하고 탭이 제대로 작동하도록 popupBindings 제공자를 추가해야한다고 판단했습니다.

이러한 유형의 오류를 더 빨리 발견하는 방법이 있습니까? 다트 분석에서이 사실을 인식하지 못하지만 pub serve은 어떤 정보도 알려주지 않았습니다. 사용할 수있는 명령 줄 옵션이 있습니까? 나는 뭔가를 놓치고있는 것처럼 느낀다.

Chromium의 개발자 콘솔을 사용하여 스택 추적을 볼 수있었습니다. 여기

내 pubspec 파일의 코드 조각입니다 :

transformers: 
- angular: 
    entry_points: web/main.dart 
- dart_to_js_script_rewriter 
- $dart2js: 
    commandLineOptions: [--show-package-warnings, --dump-info] 
web: 
    compiler: 
    debug: dartdevc 

Answer 1

이러한 오류는 정적 분석에 의해 체포 할 수는 없지만, AngularDart 런타임에 그들에 빨리 실패하고 조치 가능한 오류 메시지를 제공합니다.

WebStorm을 사용할 때 두 개의 콘솔이 있다는 사실에 문제가있을 수 있습니다. 귀하의 브라우저에서 하나, WebStorm에서 하나. 올바르게 설정하면 WebStorm에 오류가 표시되며 디버거를 사용하여 문제를 단계적으로 처리 할 수도 있습니다. 그러나 WebStorm 대 브라우저 연결이 올바르게 설정되지 않았거나 설정되지 않았거나 망가지는 경우는 드문 일이 아닙니다. 이 때 오류는 브라우저 콘솔에만 표시되므로 예상하지 못하면 오류가 표시되지 않습니다.

여기 방법은 set up WebStorm with Chrome입니다. this browser extension이 필요하며 Chrome의 개발자 확장 프로그램이 열려 있지 않아야합니다 (WebStorm에 대한 연결이 끊어 지므로).

모든 것이 올바르게 설정 되었는데도 여전히 오류가 표시되지 않으면 우리 측의 버그입니다. file it here하십시오.