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

Question

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

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

我使用cli命令add

bit add ./loginForm/*

但是我发现了一个我不太明白的错误：

无法添加两个具有相同ID的组件:登录-表单/登录-表单

作为某个人的想法？

Answer 1

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

例如，问题中的语法是要运行的“片段”：

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

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

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

$ bit add ./loginForm

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

还可以使用--id选项将glob模式的结果分组到单个组件。这告诉Bit接收在glob模式中找到的所有文件，而不是运行“多”bit add (对于每个文件/目录)，而是运行一个具有设置组件ID的文件。

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

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

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

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

你可以跑：

$ bit add ./*

要具有glob模式，可以让bit add跟踪这两个文件夹。

Answer 2

对我来说，唯一可能的解决方案是更改一个文件名。

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