샌드박스 앱에서 실행 되는데 빌드 후 qr로 토스 앱으로 접속했을 때 흰 화면 발생하는 문제

@dohyung @seonjeong 해결했습니다!

브릿지 뷰가 안뜨고 빈 화면만 나왔었습니다! 메모리 확인해보니 첫 화면에서 수십 mb 정도뿐이 사용하고 있지 않아서 OOM 이슈는 아니라고 생각했어요

해결이 안돼서 새로운 프로젝트를 만들어 하나씩 변경하면서 테스트를 해봤는데 require.context.ts 파일이 biome가 동작해 // @ts-ignore// @ts-expect-error 으로 변경된게 문제의 원인이였습니다.

before (기존 - 문제없음)

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
export const context = require.context('./pages');

after (biome 동작 - 빌드 파일에서 빈 화면 발생)

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-expect-error
export const context = require.context("./pages");

기본 스캐폴딩의 biome 설정으로는 이 파일이 biome 대상이 아니라서 문제가 없었을텐데 서버와 동일한 레포에서 개발하기 위해 모노레포를 구성하면서 biome 설정이 스캐폴딩이랑 달라져 저 파일이 biome 대상으로 들어가서 문제가 발생됐습니다.

동일한 문제를 방지하기 위해 기존에 존재하는 eslint suppression 에 추가로 biome suppression를 추가해놓으면 좋을것 같습니다!

// biome-ignore-all lint/suspicious/noTsIgnore: reason
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
export const context = require.context("./pages");

도움주셔서 감사합니다.

1개의 좋아요