故障排除

如果遇到 AI Elements Vue 的问题该怎么办。

为什么我的组件没有样式?

确保你的项目已正确配置 shadcn-vue 的 Tailwind 4——这意味着需要有一个 globals.css 文件,该文件导入 Tailwind 并包含 shadcn-vue 的基础样式。

我运行了 AI Elements Vue CLI,但项目中没有添加任何内容

请仔细检查:

  • 你当前的工作目录是项目的根目录(package.json 所在的位置)
  • 你的 components.json 文件(如果使用 shadcn-vue 样式配置)已正确设置
  • 你使用的是最新版本的 AI Elements Vue CLI:
Terminal
npx ai-elements-vue@latest

如果所有方法都失败了,请随时在 GitHub 上提交问题

主题切换不起作用——我的应用停留在浅色模式

确保你的应用使用与 shadcn-vue 和 AI Elements Vue 期望的相同 data-theme 系统。默认实现在 <html> 元素上切换 data-theme 属性。确保你的 tailwind.config.js 相应地使用 class 或 data- 选择器:

组件导入失败,提示"找不到模块"

检查文件是否存在。如果存在,请确保你的 tsconfig.json 为 @/ 设置了正确的路径别名,即:

tsconfig.json
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./*"]
    }
  }
}

我的 AI 编程助手无法访问 AI Elements 组件

  1. 验证你的配置文件语法是否为有效的 JSON
  2. 检查文件路径对你的 AI 工具是否正确
  3. 进行更改后重启你的编程助手
  4. 确保你有稳定的互联网连接

仍然无法解决?

如果这些答案都没有帮助,请在 GitHub 上提交问题,会有人乐意帮助你。