2017-09-11 4 views
1

WebPack을 각도 2/4로 사용하고 있으며 지연로드되는 모듈을 사용하고 있습니다. 따라서 이러한 모듈과 구성 요소는 기본 .js 파일에 포함되지 않으며 코드는 WebPack이 생성하는 파일 중 하나 (0.js, 1.js 등)에 있습니다.Chrome/VS 코드의 지연 모듈 디버그

내 문제는 Chrome이나 VS 코드가 어떤 이유로 든 파일 내에서 코드를 디버그 할 수 없다는 것입니다. 주 .js 파일에 코드를 포함 시키면 디버깅이 정상적으로 작동합니다. 그것에 대해 할 수있는 일이 있습니까?

:

나는 HTML 요소의 현지 시간을 표시하는 작은 지침이있다. 나는이 지시어를 게으른로드 된 컴포넌트에서 사용한다. 나는 지시자 (또는로드 게으른 다른 것)를 디버깅 할 때 VS 코드는 다음 말한다 :

VS Code debug error message

디버깅 중 크롬에서 할 수 없습니다. 그러나 루트 구성 요소 (또는 게으른로드되지 않은 다른 요소)에서 지시문을 사용하면 중단 점은 Chrome뿐 아니라 VS 코드에서도 작동합니다.

WebPack이 주 클라이언트와 지연로드되는 부분에 대해 생성하는 파일까지 추적했습니다. 게으른로드 된 구성 요소의 각 청크는 0.js, 1.js 등의 파일에 있습니다. 여기에 문제의 원인이 될 수 있습니다. .js.map 파일이 생성되지 않습니다 * 같은

generated output

+0

무엇을 의미합니까? –

+0

gif 만들기 내 게시물을 편집했습니다. 내 문제가 무엇인지 더 잘 이해할 수 있기를 바랍니다. –

답변

0

봐 :

MAP 파일

디버깅을위한지도 파일이 따라 생성이 내 출력됩니다.

는 각 CLI 및 화재 NG 빌드를 사용하는 경우

는 * 당신이 NG를 실행하면 다음이 발생합니다을 --dev 구축이 생산 구축하고 * .js.map 파일이 생성되지 않습니다을 --prod. js.map 파일.

* .js.map 파일이 생성되면 js 코드를 디버깅 할 수 있습니다.

+0

지도 파일이 생성되고 게시물을 업데이트하고 출력 스크린 샷을 추가했습니다. –