Как создать приложение React прямо в текущей папке
Я знаю, что делал это раньше, но нигде не могу найти ответ. Я хочу запустить приложение create-реагировать, не создавая совершенно другую папку в папке, в которой я уже нахожусь. Я считаю, что это просто дополнительный флаг, добавленный к команде.
Ответы 13
Вы можете создать новое приложение React в текущем каталоге, написав . вместо имени проекта.
create-react-app .
@ZeyadShaban Название вашего текущего каталога, вероятно, содержит заглавные буквы. Попробуйте переименовать его, чтобы он содержал только строчные буквы.
@ClickUpvote о, это было... Большое спасибо за помощь
If you've previously installed
create-react-appglobally vianpm install -g create-react-app, we recommend you uninstall the package usingnpm uninstall -g create-react-appto ensure thatnpxalways uses the latest version.
Для новой версии create-react-app (v3):
npx create-react-app .
Обратите внимание на полная остановка(точка) в конце команды ., которая соответствует текущему каталогу.
Это должен был быть принятый ответ, поскольку в нем четко объяснено, что именно нужно сделать.
@vikramvi, может быть, в некоторых случаях. Раньше не все устанавливали приложение create-react-app глобально. В моем случае, например, мне нужно было изменить имя текущего каталога, как указано ниже stackoverflow.com/a/60487093/9208887
@TheFool, в этом весь смысл использования npx. Вам не нужно устанавливать его глобально.
Да, все еще кто-то говорит, что принятый ответ должен быть связан с глобальной установкой или нет? Одно к другому тоже не имеет никакого отношения. Тот факт, что вы запускаете какую-то команду npx, не означает, что она не была установлена в вашей системе раньше. Как раз в моем случае его нет.
Создать текстовый проект в текущем каталоге, в котором вы находитесь, так же просто, как запустить приведенную ниже команду.
npx create-react-app .
Или это, когда у вас есть приложение для создания реакции, установленное глобально.
create-react-app .
Одна важная вещь, которую я хочу, чтобы вы заметили, это точка (точка или точка) в конце каждой команды. Эта точка означает, что вы хотите создать приложение в текущей папке.
надеюсь, это поможет
Следующее работает Только, если ваш текущий каталог соответствует ограничениям именования npm.
npx create-react-app .
Текущий каталог должен:
- содержать только символы, удобные для URL
- нет заглавных букв
Например, текущий каталог не может называться «React App». Это должно быть «реагированное приложение».
Это действительно интересно. Почему я могу создать проект реагирования с заглавной буквы, когда я даю обычную команду (npx create-react-app Name-Project)?
если вы используете последнюю версию узлы, вы можете использовать этот код:
npx create-react-app your-app-name
вы проверяете версию Node по этому коду:
node --version
он должен быть выше v10
В вопросе четко упоминается «создать проект непосредственно в текущей папке», а предоставленный ответ создаст проект в другом каталоге.
Когда вы используете create-react-app app-name, часть, которая идет после create-react-app, сообщает CRA куда о создании приложения для реагирования. Таким образом, create-react-app app-name на самом деле говорит CRA создать реагирующее приложение в новом каталоге под названием «my-app». Это может вызвать множество проблем с развертыванием для неопытного разработчика.
Используя npx create-react-app ., мы можем указать CRA создать приложение для реагирования здесь или в текущем каталоге. Это поможет предотвратить любые проблемы, которые могут возникнуть из-за того, что ваше реагирующее приложение не находится непосредственно в корневом каталоге вашего проекта или репозитория.
это очень просто
npx create-react-app .
Примечание: убедитесь, что имя вашей папки начинается с нижнего регистра
Я думаю, что это уже было очень хорошо освещено существующими ответами на тот момент, когда вы опубликовали это
Вы простой тип. вместо имени реакции-приложения
npx create-react-app .
Если у вас уже было имя папки, начинающееся с . то вы получите ошибку. Вам нужно удалить папку, а затем попробовать команду выше
npx create-react-app . my-app --template typescript
На этот вопрос уже есть много ответов. Можете ли вы объяснить, как ваш улучшает то, что уже здесь?
создать-реагировать-приложение.
Я нашел это очень полезным для разделения моего клиента и сервера на отдельные каталоги в каталоге родительского проекта. Таким образом, вы можете разделить сервер и клиент и легко узнать, какие API работают должным образом.
Это работает для меня.
npx create-react-app .
- Сначала перейдите в каталог, в котором вы хотите создать приложение для реагирования.
- Затем выполните команду
npx create-react-app .
- просто поставить точку (.) вместо имени проекта.
Примечание:
Если вы устанавливаете пакет create-react-app напрямую через npm с помощью этой команды npm install create-react-app, вам нужно выполнить следующую команду, чтобы создать приложение для реагирования в текущем каталоге create-react-app . (тогда не нужно добавлять npx).
Вы можете создать новое приложение React в текущем каталоге, написав ./ вместо имени проекта.
Запустите эту команду в своем терминале>
npx create-react-app ./
бывший.-
PS E:\React Course\covid-19-state-vice-cases>npx create-react-app ./
Это определенно сработает.
В моем случае я использовал Windows PowerShell, и npx create-react-app ./ у меня не работало, поэтому вместо этого я использовал это -
npx create-react-app .
Раньше это работало, но теперь почему-то выдает ошибку
name can only contain URL-friendly characters* name can no longer contain capital lettersPlease choose a different project name.