VScode์์ ts๊ฐ ์ค์น๋ ํ๋ก์ ํธ๋ฅผ ์ด์์ ๋, ์์ฃผ "๋ชจ๋ ๋๋ ํด๋นํ์์ ์ฐพ์ ์ ์์ต๋๋ค....(Cannot fine module...)"์ ์ค๋ฅ๋ฅผ ์์ฃผ ๋ณผ ์ ์๋ค.
Vue3 ํ๋ก์ ํธ์ ts๋ฅผ ์ถ๊ฐํ์์ ๋, ๋ฐ๋ก ์ด๋ฌํ ์ค๋ฅ๊ฐ ๋ฌ๋๋ฐ ํด๊ฒฐ๋ฒ์ ์ ์ด๋ณธ๋ค.
ํ๋ก์ ํธ๋ฅผ ๋ฐ๋ก ์์ฑํ์ ๊ฒฝ์ฐ, ๋ณดํต vite.config.ts, tsconfig.node.json, tsconfig.app.json, App.vue ์์ ํ์ธ๋๋ค.
์ค์ ์ค์น๋ tsํ๋ฌ๊ทธ์ธ๊ณผ VScode์์ ๊ธฐ๋ณธ์ผ๋ก ์ ๊ณตํ๋ ํ๋ฌ๊ทธ์ธ์ด ์ถฉ๋ํ์ฌ ๋๋ ์ค๋ฅ์ธ๋ฐ, ์ค์ npm ํน์ pnpm istall์ด๋ build๋ ์ ๋๋๋ฐ ๋ถ์ ๋ฐ์ค ๋ฑ์ผ๋ก ๋ฌธ๋ฒ์ ์ค๋ฅ์ฒ๋ผ ํ๊ธฐ๋๋ค๋ฉด, ์๋์ ๊ฐ์ ๋ฐฉ๋ฒ์ผ๋ก ํด๊ฒฐ๋๋ค.(install์ด๋ build๊ฐ ์๋๋ค๋ฉด ์ค์ ์ฝ๋์์ ์ด์ ์ผ ๊ฒ์ด๋ค.)
๐ ์ปดํ์ผ๋ฌ ์ต์ ๋ณ๊ฒฝํ๊ธฐ
์ปดํ์ผ๋ฌ๊ฐ ๋ชจ๋๋ฅผ ์ฝ์ด์ค๋ ๊ณณ์ node๋ก ๋ณ๊ฒฝํด์ฃผ๋ฉด ๋๋ค.
tsconfig.app.json ํ์ผ์ compilerOptions ์๋์ "moduleResolution": "node"๋ฅผ ์ถ๊ฐํด์ฃผ๋ฉด ๋๋ค.
์ด๋ ๊ฒ ์ถ๊ฐํ ํ IDE(VScode)๋ฅผ ์ฌ๋ถํ ํด์ฃผ๋ฉด ํด๊ฒฐ๋ ๊ฒ์ด๋ค.
ํ๋ฒ ์ปดํ์ผ๋ฌ ์ต์ ์ ๋ณ๊ฒฝํ๋ฉด VScode์ Setting์ด ๊ธฐ์ตํ๋์ง ํด๋น ์ฝ๋๋ฅผ ๋ค์ ์ญ์ ํ ํ ์ฌ์คํํด๋ ์ด์ ๊ณผ ๊ฐ์ ์๋ฌ๊ฐ ๋์ค์ง ์๋๋ค.
๐ ํ์ฅ์์ Typescript ์ง์ ๊ธฐ๋ฅ ๋๊ธฐ
๋ง์ฝ ์์ ๊ฐ์ ๋ฐฉ๋ฒ์ผ๋ก๋ ํด๊ฒฐ๋์ง ์๋๋ค๋ฉด VScode ํ์ ์์ Typescript ์ง์ ๊ธฐ๋ฅ์ ๋๊ณ VScode๋ฅผ ์ฌ๋ถํ ํด๋ณธ๋ค.
ํ์ ์ ๋ค์ด๊ฐ @builtin typescript๋ฅผ ๊ฒ์ํ๊ณ ๋์จ ์ ๊ธฐ๋ฅ์ "์ฌ์ฉ์ํจ"์ ํด๋ฆญํ๊ณ "๋ค์๋ก๋" ํน์ VScode๋ฅผ ์ฌ๋ถํ ํ๋ฉด ํด๊ฒฐ๋ ๊ฒ์ด๋ค.
๋ง์ฝ ์ ๋ฐฉ๋ฒ์ผ๋ก๋ ํด๊ฒฐ๋์ง ์๋๋ค๋ฉด, ์ค์ ์ฝ๋์์ ๋ฌธ์ ์ผ ํ๋ฅ ์ด ๋์ผ๋ ์์ ํ ์ฝ๋๊ฐ ์๋ค๋ฉด ๋ค์ ํ์ธํด๋ด์ผํ ๊ฒ ๊ฐ๋ค.