import 문제로 흰 화면을 경험하다

한동안 글을 안 올려서 그렇지, 앵귤러도 그렇고 안드로이드도 그렇고, 그리고 요즘 새로 시작한 블록체인도 그렇고 많은 개발이 있었습니다.

이번에 시작한 프로젝트 중에서 3D프린트 관련된 웹 프로젝트가 있는데 이걸 구현하던 중에 발생한 문제입니다.

자바에서의 POJO처럼, 시점을 받을 플레이어를 POJO처럼 타입스크립트로 만들고 있었는데 scene에서 떼낸 코드가 Player.ts에서 전혀 동작하지 않았습니다. 생성자에서 alert로 로그를 찍어봐도 전혀 안 뜨는 기묘한 상황.

문제가 무엇인지 한참 헤매다가 여러 다른 테스트 클래스를 만들어보았고, 그 결과 내가 만든 Player.ts만 동작하지 않았습니다.

무엇이 문제인가 처음부터 끝까지 슥 훑어보다가 찾은 문제점은 import 문제였습니다.

사실 원인이 import였던 것만 알았지, 지금도 왜 이 문제가 동작하지 않는지는 모르겠습니다. 다른 ts에서 사용한 import를 그대로 떼온 것이라.

import * as BABYLON from 'babylonjs';

이 부분이 문제였고 제거하니까 올바르게 동작했습니다.