index.html 파일 내에는 코드가 있어, 당연히 같은 서버 내의 index.tsx 파일을 요청해야 합니다.
하지만 브라우저의 네트워크 요청을 확인해 보면, 이 스크립트 요청이 엉뚱하게도 ai studio/index라는 외부 주소로 전달되고 있습니다.
결과적으로, 브라우저의 보안 정책(CORS)에 의해 이 요청이 차단되고 앱이 로드되지 않습니다.
콘솔 오류 메시지:
code
Code
Access to script at ai.studio/index.tsx from origin ‘https://[…].scf.usercontent.goog’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
code
Code
Failed to load resource: net::ERR_FAILED
예상 원인:
애플리케이션 코드 자체에는 외부 주소(ai.studio)를 참조하는 부분이 전혀 없습니다.
이러한 현상은 AI Studio의 미리보기 서버 환경에서 .tsx와 같은 특정 파일 요청을 잘못된 주소로 리디렉션(redirection)하는 설정 오류나 버그가 있는 것으로 보입니다.