Bit.dev 无法添加 2 个具有相同 ID 的组件

Question

为了管理我的几个react组件，我决定使用bit 。 然后我添加一个组件loginForm ，它是一个具有以下结构的目录：

├── loginForm
│   ├── loginForm.scss
│   └── loginForm.tsx

我使用 cli 命令add ：

bit add ./loginForm/*

但是我得到了这个我不太明白的错误：

无法添加 2 个具有相同 ID 的组件：login-form/login-form

作为一个想法？

Answer 1

对我来说唯一可能的解决方案看起来像更改一个文件名，例如

├─loginForm
│  │  loginForm.tsx
│  │  loginForm.style.scss

Answer 2

Bit 使用 glob 模式来“查找”文件并创建一组不同的add命令，每个命令都指向一组文件。 所以在这种情况下，在包含两个文件的文件夹中使用通配符 ( * )，将 2 个文件返回给bit add命令进行迭代。

即问题中的语法是要运行的“片段”：

$ bit add loginForm/loginForm.tsx
$ bit add loginForm/loginForm.scss

使用这两个命令，Bit 的默认行为是获取要跟踪的文件名，并将其用作组件名称。 所以这两种情况都是login-form 。 Bit 不允许具有相同 ID 的两个组件。

要将 Bit 作为组件跟踪整个文件夹，您可以省略通配符并运行：

$ bit add ./loginForm

通过这种方式，您告诉 Bit 将整个目录作为单个组件进行跟踪，而不是将每个单独的文件作为一个组件进行跟踪。

也可以使用--id选项将 glob 模式的结果分组到单个组件。 这告诉 Bit 获取在 glob 模式中找到的所有文件，而不是运行“许多” bit add （对于每个文件/目录），它运行具有设置组件 ID 的单个文件。 例如：

$ bit add ./loginForm/* --id login-forum

通过这种方式，它告诉 Bit 添加./loginForm目录中的所有文件以供单个组件实例跟踪。 使用--id选项，您还可以将文件添加到该组件，即使它被跟踪，因为它告诉 Bit add文件add到提到的组件 ID。

如果您有多个包含文件的文件夹，并且您希望每个文件夹成为一个组件并使用单个命令，那么您可以使用 glob 模式。

├── LoginForm
│   ├── LoginForm.scss
│   └── LoginForm.tsx
└── LogoutForm
    ├── LogoutForm.scss
    └── LogoutForm.tsx

你可以运行：

$ bit add ./*

要让 glob 模式给bit add两个要跟踪的文件夹。