Bit.dev не может добавить 2 компонента с одинаковым идентификатором

Question

Чтобы управлять моими несколькими reactкомпоненты решаю использовать бит. Затем добавляю компонентloginForm это каталог с такой структурой:

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

Я использую для этого команду cli add:

bit add ./loginForm/*

Но я получаю эту ошибку, которую действительно не понимаю:

невозможно добавить 2 компонента с одинаковым идентификатором: форма входа / форма входа

Как у кого идея?

Answer 1

Bit использует шаблоны глобусов для "поиска" файлов и создания набора различных addкоманду, каждый в набор файлов. Итак, в этом случае использование подстановочного знака (*) в папке с двумя файлами вернул 2 файла в bit add команда для перебора.

то есть синтаксис в вопросе - это "фрагмент" для запуска:

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

С помощью этих двух команд поведение Bit по умолчанию берет имя файла, который нужно отслеживать, и использует его в качестве имени компонента. Так что в обоих случаях этоlogin-form. Бит не позволяет иметь два компонента с одинаковыми идентификаторами.

Чтобы Bit отслеживал всю папку как компонент, вы можете опустить подстановочный знак и запустить:

$ bit add ./loginForm

Таким образом, вы говорите Bit отслеживать весь каталог как отдельный компонент, а не отслеживать каждый отдельный файл как компонент.

Также можно сгруппировать результаты шаблона глобуса в один компонент, используя --idвариант. Это говорит Bit взять все файлы, найденные в шаблоне glob, и вместо запуска "many"bit add(для каждого файла / каталога) он запускает один с заданным идентификатором компонента. Например:

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

Таким образом, он сообщает Bit добавить все файлы в ./loginFormкаталог, который будет отслеживаться одним экземпляром компонента. С использованием--id вариант, вы также можете добавлять файлы в этот компонент даже после того, как он был отслежен, поскольку он сообщает Bit add файлы с указанным идентификатором компонента.

Если у вас есть несколько папок, содержащих файлы, и вы хотите, чтобы каждая папка была компонентом и использовала одну команду, вы можете использовать шаблон глобуса.

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

Вы можете запустить:

$ bit add ./*

Чтобы узор шара давал bit add две папки для отслеживания.

Answer 2

Единственное возможное решение для меня похоже на изменение одного имени файла, например

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