fix : yarn tsc --noEmit 뜨는 에러 해결

web 환경에서 components 폴더를 @web/components로 설정한 상황에서 tsc가 인식하지 못하는 에러

Author: seungw0o

apps/web/src/app/login/page.tsx

@@ -1,4 +1,4 @@
-import { Button, Input } from "@/components";
+import { Button, Input } from "@web/components";
 
 const loginPage = () => {
   return (

apps/web/src/app/page.tsx

@@ -1,26 +1,3 @@
-import { Input } from "@/components";
-
 export default function Home() {
-  const selectItems = ["BackEnd", "FrontEnd", "AI", "Design"];
-  return (
-    <>
-      <Input placeholder="아이디를 입력해주세요.." label="아이디" />
-      <Input
-        placeholder="비밀번호를 입력해주세요.."
-        label="비밀번호"
-        type="password"
-      />
-      <Input
-        placeholder="비밀번호를 입력해주세요.."
-        label="비밀번호 확인"
-        type="password"
-      />
-      <Input
-        placeholder="전공 선택"
-        label="전공 선택"
-        type="select"
-        selectItems={selectItems}
-      />
-    </>
-  );
+  return <></>;
 }

apps/web/src/app/signin/page.tsx

@@ -1,4 +1,4 @@
-import { Button, Input } from "@/components";
+import { Button, Input } from "@web/components";
 
 const signInPage = () => {
   const selectItems = [

apps/web/tsconfig.json

@@ -21,7 +21,7 @@
     ],
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"]
+      "@web/*": ["./src/*"]
     }
   },
   "include": [

apps/webview/package.json

@@ -10,14 +10,8 @@
     "lint": "eslint .",
     "preview": "vite preview"
   },
-  "dependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
   "devDependencies": {
     "@eslint/js": "^9.21.0",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react-swc": "^3.8.1",
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",

apps/webview/tsconfig.json

@@ -19,7 +19,8 @@
     "noEmit": false, // false로 두고 allowImportingTsExtensions 제거
     "plugins": [{ "name": "@yarnpkg/typescript-plugin" }],
     "paths": {
-      "@/*": ["src/*"],
+      // Maps "@webview/*" imports to the "src" directory for cleaner and more intuitive module resolution
+      "@webview/*": ["src/*"],
       "@mozu/ui": ["../ui/dist"],
       "@mozu/design-token": ["../design-token/dist"],
       "@configs/util": ["../util-config/dist"]

tsconfig.base.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "ESNext",
     "module": "ESNext",
-    "moduleResolution": "Node",
+    "moduleResolution": "node",
     "esModuleInterop": true,
     "strict": true,
     "jsx": "preserve",
@@ -12,7 +12,8 @@
     "paths": {
       "@stracker/design-token": ["packages/design-token"],
       "@stracker/web": ["apps/web"],
-      "@stracker/web-view": ["apps/web-view"]
+      "@stracker/web-view": ["apps/web-view"],
+      "@web/*": ["apps/web/src/*"]
     }
   }
 }