使用 Next.js 设置 ShadCN 的问题：Bun 缓存错误和安装失败

Question

使用 Next.js 设置 ShadCN 的问题：Bun 缓存错误和安装失败

您好，开发者社区！

我正在尝试在我的 Next.js 项目中设置 ShadCN，但我一直遇到与 Bun、依赖项安装和缓存错误相关的持续问题。我尝试了多种方法，但似乎没有任何效果，我希望这里有人可以提供帮助！

---

我真的很感激任何建议或指导！如果您遇到类似问题，请告诉我您是如何解决的。

提前谢谢您！ 😊

我正在尝试做的事情：

1. 使用以下方法在 Next.js 项目中初始化 ShadCN：
   

   npx shadcn init  

2. 安装必要的依赖项：
   

   bun add tailwindcss-animate class-variance-authority lucide-react clsx tailwind-merge

3. 配置 Tailwind CSS 并导入别名作为 ShadCN 设置的一部分。

---

我面临的错误：

1。 Bun 安装失败并出现缓存错误：

在

shadcn init

期间使用Bun安装依赖项时，出现如下错误：

error: moving "@ts-morph/common" to cache dir failed EPERM: Operation not permitted (NtSetInformationFile()) From: .df1fffffef2fbaae-00000007.common To: @ts-morph/[email protected]@@@1 error: InstallFailed extracting tarball from @ts-morph/common error: Failed to link shadcn: EBUSY

2。强制 ShadCN 使用 npm 失败：

当我尝试强制 ShadCN 使用 npm 时：

npx shadcn init --package-manager npm

我收到此错误：

error: could not find bin metadata file Bun failed to remap this bin to its proper location within node_modules. Please run 'bun install --force' in the project root and try it again.

3.手动依赖安装并重试：

使用 npm 手动安装依赖项后：

npm install tailwindcss-animate class-variance-authority lucide-react clsx tailwind-merge

重试

npx shadcn init

，与 Bun 相关的缓存问题仍然存在。

---

到目前为止我尝试过的：

1. 清除Bun缓存：从

   C:\Users\<username>\AppData\Local\bun

   删除了Bun缓存目录。
2. 以管理员身份运行命令：在管理员模式下尝试了所有命令。
3. 删除并重新安装 Bun：卸载并重新安装 Bun 以确保没有损坏。
4. 切换到npm：尝试使用npm来做所有事情，但

   shadcn init

   仍然默认为Bun。
5. 手动配置 Tailwind 和依赖项： 手动安装所需的软件包并更新 Tailwind 配置。

---

我的环境：

• 操作系统：Windows 11
• Node.js 版本： 20.15.1
• 包子版本： 1.1.20
• Next.js 版本： 14.2.14
• ShadCN版本：2.1.0

---

我需要什么帮助：

1. 如何防止 Bun 完全干扰设置？有没有办法全局禁用这个项目的 Bun？
2. 有人在 Windows 上成功使用 ShadCN 和

   npm

   吗？如果是的话，需要什么具体的配置或步骤吗？
3. 有没有一种不依赖

   shadcn init

   命令的手动方式来设置ShadCN？

我真的很感激任何建议或指导！如果您遇到类似问题，请告诉我您是如何解决的。

Answer 1

尝试使用

docs

中给出的命令 bunx --bun shadcn@latest init

安装