๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Programming/TypeScript

[TypeScript] VScode "๋ชจ๋“ˆ ๋˜๋Š” ํ•ด๋‹น ํ˜•์‹์„ ์ฐพ์„ ์ˆ˜..." ์˜ค๋ฅ˜

728x90
๋ฐ˜์‘ํ˜•

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"๋ฅผ ์ถ”๊ฐ€ํ•ด์ฃผ๋ฉด ๋œ๋‹ค.

"moduleResolution": "node"๋ฅผ ์ถ”๊ฐ€ํ•œ ๋ชจ์Šต

์ด๋ ‡๊ฒŒ ์ถ”๊ฐ€ํ•œ ํ›„ IDE(VScode)๋ฅผ ์žฌ๋ถ€ํŒ…ํ•ด์ฃผ๋ฉด ํ•ด๊ฒฐ๋  ๊ฒƒ์ด๋‹ค.

ํ•œ๋ฒˆ ์ปดํŒŒ์ผ๋Ÿฌ ์˜ต์…˜์„ ๋ณ€๊ฒฝํ•˜๋ฉด VScode์˜ Setting์ด ๊ธฐ์–ตํ•˜๋Š”์ง€ ํ•ด๋‹น ์ฝ”๋“œ๋ฅผ ๋‹ค์‹œ ์‚ญ์ œํ•œ ํ›„ ์žฌ์‹คํ–‰ํ•ด๋„ ์ด์ „๊ณผ ๊ฐ™์€ ์—๋Ÿฌ๊ฐ€ ๋‚˜์˜ค์ง€ ์•Š๋Š”๋‹ค.

 

๐Ÿ›  ํ™•์žฅ์—์„œ Typescript ์ง€์› ๊ธฐ๋Šฅ ๋„๊ธฐ

๋งŒ์•ฝ ์œ„์™€ ๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœ๋„ ํ•ด๊ฒฐ๋˜์ง€ ์•Š๋Š”๋‹ค๋ฉด VScode ํ™•์ •์—์„œ Typescript ์ง€์› ๊ธฐ๋Šฅ์„ ๋„๊ณ  VScode๋ฅผ ์žฌ๋ถ€ํŒ…ํ•ด๋ณธ๋‹ค.

ํ™•์ •์— ๋“ค์–ด๊ฐ€ @builtin typescript๋ฅผ ๊ฒ€์ƒ‰ํ•˜๊ณ  ๋‚˜์˜จ ์œ„ ๊ธฐ๋Šฅ์„ "์‚ฌ์šฉ์•ˆํ•จ"์„ ํด๋ฆญํ•˜๊ณ  "๋‹ค์‹œ๋กœ๋“œ" ํ˜น์€ VScode๋ฅผ ์žฌ๋ถ€ํŒ…ํ•˜๋ฉด ํ•ด๊ฒฐ๋  ๊ฒƒ์ด๋‹ค.

 

๋งŒ์•ฝ ์œ„ ๋ฐฉ๋ฒ•์œผ๋กœ๋„ ํ•ด๊ฒฐ๋˜์ง€ ์•Š๋Š”๋‹ค๋ฉด, ์‹ค์ œ ์ฝ”๋“œ์ƒ์˜ ๋ฌธ์ œ์ผ ํ™•๋ฅ ์ด ๋†’์œผ๋‹ˆ ์ˆ˜์ •ํ•œ ์ฝ”๋“œ๊ฐ€ ์žˆ๋‹ค๋ฉด ๋‹ค์‹œ ํ™•์ธํ•ด๋ด์•ผํ•  ๊ฒƒ ๊ฐ™๋‹ค.

728x90
๋ฐ˜์‘ํ˜•