<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">routes 폴더 내에</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">index.ts를 만들어서</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #c586c0;">import</span> <span style="color: #9cdcfe;">Home</span> <span style="color: #c586c0;">from</span> <span style="color: #ce9178;">"./Home.svelte"</span>;</div>
<div><span style="color: #c586c0;">import</span> <span style="color: #9cdcfe;">About</span> <span style="color: #c586c0;">from</span> <span style="color: #ce9178;">"./About.svelte"</span>;</div>
<br />
<div><span style="color: #c586c0;">export</span> <span style="color: #c586c0;">default</span> { <span style="color: #ce9178;">"/"</span><span style="color: #9cdcfe;">:</span> <span style="color: #4ec9b0;">Home</span>, <span style="color: #ce9178;">"/about"</span><span style="color: #9cdcfe;">:</span> <span style="color: #4ec9b0;">About</span> }</div>
</div>
</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">했습니다.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">근데 실제 작동은 되는데</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">에러가 ts(2307)로 나와요 혹시 해결책이 있을까요? ㅠ</div>

<p>Vite svelte ts로 테스트를 해봤는데, 일단 저에게는 별다른 문제가 보이지 않네요.</p>
<p>아마 TS2307 에러라면, svelte-spa-router 모듈을 가져오지 못해서 발생하는 건 아닐까 추측해봅니다.</p>
<p>프로젝트 tsconfig.json 파일에서 compilerOptions에 "moduleResolution": "node"를 추가해서 테스트해보세요.</p>
<p>그리고 혹시 작성하신 모듈 가져오기(import) 코드에&nbsp; ~나 @ 처럼 경로 별칭이 없는지 보시는 것도 좋을 듯합니다.</p>

인프런 커뮤니티 질문&답변

vite-svelte-ts로 진행중인데용