Можно ли установить Shadcn ui для Vite + React с помощью javascript, а не машинописного текста?
У меня возникли проблемы с установкой и использованием компонентов shadcn в проекте mt vite + react + tailwind. я пытался следовать руководству в их документации здесь. Кажется, для его работы требуется машинописный текст?
Я попытался:
- Создайте проект React Javascript с помощью Vite
- Установите Tailwind для Vite React из их документа.
- Следуйте руководству по shadcn в их документах, на которые я ссылался выше.
Он говорит, что ему нужен файл «tsconfig.json», что означает машинопись. Затем я снова попробовал шаги, описанные выше, но вместо javascript я создал проект Typescript. Но это все еще не сработало, я получаю эту ошибку, когда пытаюсь запустить сервер с помощью npm run dev:
EISDIR: недопустимая операция над каталогом, прочтите
Я загрузил исходный код на github здесь
@Samathingamajig спасибо за ответ! Я создал проект ts vite с реакцией, следил за документацией и добавил/установил компонент кнопки только для того, чтобы протестировать его, но я получил это сообщение об ошибке. я что-то неправильно настроил?
Ответы 1
импортировать {кнопку} из "@/components/ui/button" Должно сработать
Код большинства, если не всех компонентов, использует TypeScript. вы можете загрузить их и, возможно, удалить машинописные аннотации (и иметь меньше интеллектуального смысла и тому подобное). если вы намерены использовать javascript, ничто не мешает вам настроить проект TypeScript, а затем использовать JavaScript для своих собственных целей (хотя я настоятельно рекомендую изучить базовый TypeScript). что касается вашей ошибки, я бы полностью удалил папки проекта, которые вы для этого создали, и сделал новый проект ts через vite. убедитесь, что вы используете последнюю версию узла или версию узла LTS