对话框未作为模式弹出窗口打开 - shadcn

Question

在 next.js 中，我添加了来自 shadcn 的对话框组件，但它不能作为模式或弹出窗口工作。

截图：https://i.sstatic.net/fVkQz86t.png

return (
    <Dialog>
        <DialogTrigger asChild>
            <Button variant="outline">Open Modal</Button>
        </DialogTrigger>
        <DialogContent className="p-0 bg-transparent border-none max-w-[880px]">
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Totam, nobis ad ducimus earum molestiae temporibus, at rerum, ipsam repellat suscipit commodi cum cupiditate repellendus culpa atque. Ut nihil distinctio excepturi!
        </DialogContent>
    </Dialog>
);

Answer 1

确保从 ui 文件夹导入所有组件。 VSCode 自动导入功能有时会从 UI 文件夹导入组件，但也会从 RADIX 路径导入组件，这会导致组件无法工作