安装ShadCN-Vue遇TSInterfaceHeritage错误，求解决方法

错误原因 #

这个错误源于shadcn-vue CLI依赖的ts-morph库与你项目中安装的TypeScript版本不兼容，通常出现在TypeScript 5.2及以上版本场景——TS 5.2引入的语法结构变化，导致旧版ts-morph无法识别TSInterfaceHeritage类型。

修复方案 #

方案一：升级shadcn-vue CLI到兼容版本 #

先尝试强制使用最新版CLI执行组件添加命令：

npx shadcn-vue@latest add button

如果无效，全局安装最新版CLI后再操作：

npm install -g shadcn-vue@latest
npx shadcn-vue@latest add button

方案二：临时降级TypeScript版本 #

若升级CLI无效，可将项目TS版本降级到5.1.x：

1. 卸载当前TS版本：

npm uninstall typescript

2. 安装兼容版本：

npm install typescript@~5.1.6 --save-dev

3. 重新执行组件添加命令：

npx shadcn-vue@latest add button

组件添加完成后，可尝试重新升级TS到最新版本（多数情况下不会影响组件正常使用）。

方案三：手动添加组件 #

如果上述方案均失效，可手动复制组件代码到项目：

1. 在项目的components/ui目录下创建button.vue文件
2. 复制shadcn-vue官方Button组件的代码到该文件
3. 确认项目已安装组件依赖（如@radix-ui/vue-button、class-variance-authority等）

注意事项 #

• 操作前建议备份package.json和package-lock.json文件，避免版本冲突引发其他问题
• 组件添加完成后，检查项目编译运行状态，确保无其他兼容性异常

内容的提问来源于stack exchange，提问作者user3135691