Closed3

【Rails8 + Vite + shadcn/ui】 No import alias found in your tsconfig.json file.

dogyearmdogyearm

shadcn/ui インストール中に以下のエラーが発生

❯❯❯ npx shadcn@latest init                                                                     19:59:47

✔ Preflight checks.
✔ Verifying framework. Found Vite.
✔ Validating Tailwind CSS.
✖ Validating import alias.

No import alias found in your tsconfig.json file.
Visit https://ui.shadcn.com/docs/installation/vite to learn how to set an import alias.

tsconfig.json の alias 周りの設定がおかしいとのこと

{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,

    /* Bundler mode */
    "moduleResolution": "Bundler",
    "allowImportingTsExtensions": true,
    "isolatedModules": true,
    "moduleDetection": "force",
    "noEmit": true,
    "jsx": "react-jsx",

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
    "noUncheckedSideEffectImports": true,

    /* Path alias */
    "baseUrl": ".",
    "paths": {
      "@/*": ["./app/frontend/*"]
    }
  },
  "include": ["app/frontend/**/*"]
}
dogyearmdogyearm

paths を一時的に ./src にするとコマンドが通るので、
コマンドを一度通して src の中身を app/frontend 配下に mv
tsconfig.json を元の内容に戻したら問題なくインストールできた。

 /* Path alias */
 "baseUrl": ".",
 "paths": {
   "@/*": ["./src/*"]
 }

/* Path alias */
    "baseUrl": ".",
    "paths": {
      "@/*": ["./app/frontend/*"]
    }
このスクラップは8日前にクローズされました