Create-React-App не создает начальный шаблон

12

Я пытаюсь создать новый проект с шаблоном машинописи согласно этим инструкциям .

npx create-react-app app-ui --template typescript

Хотя он устанавливает все модули узлов, он не создает начальный проект и не использует предоставленный шаблон. Я получаю это сообщение:

A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.

Я пытаюсь следовать инструкциям и удалить глобальную установку Cli, но это также не работает:

 npm uninstall -g create-react-app
 up to date in 0.037s

Что бы я ни делал, я не могу удалить Cli. Что здесь происходит?

Редактировать:

Я смог заставить его работать частично на ПК.

npm remove create-react-app

тогда

npx create-react-app my-app [--template typescript]

Я попытался с помощью скобок, и хотя проект шаблона там, он не в машинописи. Сейчас что-то очень не так с кли.

Редактировать:

Этот пост решил проблему невозможности удалить клиент. Надеюсь, это кому-нибудь поможет, и, пожалуйста, поддержите ОП.

Mickers
источник
3
Точно такая же проблема происходит со мной прямо сейчас. Я бегал npm uninstall -g create-react-app, а затем бегал npx create-react-app app-uiкак с флагом шаблона, так и без него, но получал одно и то же предупреждение. В результате вы получите каталог node_modules, package.json и package-lock.json. Не уверен, что я делаю не так.
arbitrayUserName

Ответы:

7

для операции: ваши скобки не на своем месте. Для вашего случая документация документации говорит использовать:

NPX создать реагирующее-приложение-приложение мой --template [имя-шаблон]
-или-
NPX создать реагирующую-приложение моя-приложение --template машинопись


Для всех остальных:

1. удалить ( я в Linux / Ubuntu )

sudo npm uninstall -g create-react-app

2. Тогда беги

npx create-react-app my-app

Примечание: убедитесь, что все папки / файлы были удалены при удалении . Если у вас возникли проблемы с доступом к папкам реагирования в настройках Linux, как у меня (из-за разрешений), получите доступ и удалите:

sudo chown -R $USER /usr/bin/create-react-app

(... а затем выполните команду npx.)

С-Note187
источник
1
Сняв скобки, мы получили функционал шаблона машинописи. Я не уверен, почему они были там. Я полагаю, я просто старался изо всех сил, чтобы все заработало. Спасибо!
Mickers
рад слышать, что это работает!
C-Note187
8

Я решил эту проблему sudo npm uninstall -g create-react-app

но это не привело к удалению create-реакции-приложения, поэтому мне пришлось проверить, в каком каталоге он находится. В терминале, если вы наберете:

which create-react-app

это даст вам некоторую директорию, например / usr / local / bin / create-Reaction-app. Теперь сделайте:

rm -rf /usr/local/bin/create-react-app

Это удалит приложение create-реакции-приложение вручную. Теперь вы можете начать создавать приложение реакции, используя npx create-react-app my-app

Mr_b194
источник
2
Я использую Ubuntu 19.10, и это работает как шарм!
egdavid
1
Я использую OSX (MacBook), и это тоже сработало!
Bumhwan Kim
1

У меня была такая же проблема. Это работает для меня (Linux)

Шаг 01

sudo npm remove create-react-app

Шаг 02

sudo npm uninstall -g create-react-app

Шаг 03

npx create-react-app my-app --template typescript

Надеюсь, это поможет.

Лакшан Хеттиараччи
источник
Это работает большое спасибо
user3811671
0

Создать шаблон React Startup

1.npx создать-реагировать-приложение your_app_name

2.cd your_app_name

Начало 3.npm

Вайбхав Тамуче
источник
0

Даже если вы бежали, npm uninstall -g create-react-app create-react-appвсе равно может быть установлен. Вы можете проверить, запустив which create-react-app. Если путь возвращен create-react-app, все еще установлен. Вы можете удалить модуль с помощью rm -r ${returned path}. После этого запуск npx create-react-app app-ui --template typescriptдолжен работать без ошибок или предупреждений.

arbitrayUserName
источник
0

Я придумал 3 решения, которые я применил шаг за шагом, когда столкнулся с этой ситуацией.

Первый шаг: из официального руководства,

Если вы ранее установили create-Reaction-app глобально с помощью npm install -g create-реакции-app, мы рекомендуем вам удалить пакет с помощью npm uninstall -g create-реагировать-app, чтобы npx всегда использовал последнюю версию.

https://create-react-app.dev/docs/getting-started

Вы можете использовать эти команды ниже:

  • npx создать-реагировать-приложение мое-приложение
  • npm init response-app my-app
  • пряжа создать реагировать приложение мое приложение

Второй шаг (если первый не работает):

Иногда он может хранить кэши. Затем вы можете использовать эти команды, приведенные ниже.

  • npm удалить -g создать-реагировать-приложение
  • очистка кеша npm --force
  • проверка кэша npm
  • пряжа создать реагировать приложение мое приложение

Третий шаг: (если эти 2 не будут работать) сначала удалите с помощью npm uninstall -g create-реагировать-app , затем проверьте, установлен ли он у вас, с помощью которого команда create-реагировать-app в командной строке. Если у вас есть что-то вроде ( / usr / local / bin / create- Reaction -app ), запустите этот rm -rf / usr / local / bin / create-Reaction-app (папка может отличаться) для удаления вручную. Затем снова установите его через npx / npm / yarn. NB : я преуспеваю в последнем шаге.

Мошиур Рахман
источник
0

Когда я казнил

привет-приложение-привет

генерируется только ниже структуры папок с уведомлением

«Шаблон не был предоставлен. Вероятно, это связано с тем, что вы используете устаревшую версию create-реагировать на приложение. Обратите внимание, что глобальные установки create-реагировать на приложение больше не поддерживаются».

node_modules
package.json
yarn.lock

Выполнены следующие шаги, чтобы решить

// Удаление пакета create-реагировать на приложение

npm удалить -g создать-реагировать-приложение

После этого я готов создать новое приложение реагирования через "npx"

Для версии ES6 (по умолчанию это язык ES6)

npx создать-реагировать-приложение привет мир

Для вкуса Typescript

npx create-реагировать-приложение hello-world - машинописный текст

Ниже приведена структура папок после запуска выше cmd

README.md
node_modules
package.json
public
src
yarn.lock

начало пряжи // Работает нормально

node: v10.16.0
npm: 6.10.2
asishkhuntia
источник
0

Мое решение оказалось немного отличным от вашего, поэтому я добавлю его на случай, если у кого-то возникнет аналогичная проблема. По-видимому, я установил create-реагировать-приложение глобально с пряжи, которую я мог видеть, когда я бежал, which create-react-appчто привело к пути, как .../.config/yarn/global/node_modules/.bin/create-react-app. Запуск yarn global remove create-react-appудалил этот пакет, и я смог npx create-react-app app --template typescriptуспешно запустить его .

thefinnomenon
источник
0
  1. Установите приложение create-реагировать

Сначала мы должны установить инструмент create-реагировать на приложение. Это инструмент, предоставленный создателями React.js, который позволяет установить готовое к использованию приложение React.js со всеми необходимыми зависимостями. Чтобы установить инструмент, мы должны использовать следующую команду в командной строке:

npm install -g create-react-app
  1. Создать приложение

Теперь очень просто создать наше первое приложение с помощью инструмента create-реагировать на приложение. Мы можем сделать это с помощью одной команды в нашей командной строке. Сначала перейдите в папку, в которой вы хотите разместить свое приложение, через командную строку, а затем выполните следующую команду, где activapp - это имя нашего приложения:

npx create-react-app reactapp

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

  1. Запустить приложение

Давайте запустим наше activapp со следующими командами:

cd reactapp
npm start

Первая команда используется для входа в папку нашего приложения, а вторая запускает наше приложение. По умолчанию приложение открыто по адресу localhost: 3000, но мы можем изменить порт в настройках.

Ссылка: https://dev.to/duomly/how-to-create-the-react-app-in-5-minutes-1bmb

Hpe это помогает!

Арему Ибрагим
источник
0

Для пользователей Windows выполните два шага

npm uninstall -g create-react-app

затем

npx create-react-app jamming

продолжайте обновлять ваш узел и npm, последнюю стабильную версию

Мамунур Рашид
источник
0
  1. Удалите create-реакции-приложение с помощью команды: sudo npm uninstall -g create-реагировать-приложение

Поскольку npm не поддерживает глобальное использование модулей npm.

  1. Установите обычную команду create-реагировать на приложение, используя команду: npx create-response-app my-app

оно работает!!

Юсуф Шариф
источник
-1

У меня была такая же проблема. Я попробовал это. npm install -g create-react-app
Тогда сделай create-react-app app-nameЭто сработало для меня.

Misterjoe
источник
Да, но это решает ошибку шаблона? Я сейчас на машине с Windows (раньше был на Mac), и она делает то же самое ... Пустой проект и машинопись не были включены.
Микерс