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.

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

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

Що б я не робив, я не можу видалити кліп. Що відбувається?

Редагувати:

Мені вдалося частково працювати на ПК.

npm remove create-react-app

тоді

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

Я спробував з дужками, і хоча проект шаблону є, його немає в машинописі. Зараз у кліпі щось дуже не так.

Редагувати:

Ця публікація вирішила питання про неможливість видалення кліпу. Сподіваюся, це допоможе комусь і, будь ласка, підтримає проведення ОП.


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.)


1
Видалення дужок призвело до функціональності шаблону машинопису. Я не впевнений, чому я їх там мав. Я припускаю, що я просто намагався все, що могло, щоб налагодити роботу. Дякую!
Mickers

рада почути, що це спрацювало!
C-Note187

7

Я вирішив це питання до sudo npm uninstall -g create-react-app

але це не вилучило додаток create-react, тому мені довелося перевірити, в якому каталозі він знаходиться. У терміналі, якщо ви введете:

which create-react-app

він дасть вам деякий каталог, як / usr / local / bin / create-react-app Тепер зробіть:

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

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


2
Я використовую Ubuntu 19.10, і це спрацювало як шарм!
egdavid

1
Я використовую OSX (MacBook), і це теж працювало!
Бумван Кім

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

Я сподіваюся, що це допомагає.


Це дуже дякує
користувач3811671


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повинен працювати без помилок або попереджень.


0

Я придумав 3 рішення, які застосовував поетапно, коли стикався з цією ситуацією.

Перший крок: З офіційного посібника,

Якщо ви раніше встановили додаток create-react-app у всьому світі через npm install -g create-react-app, рекомендуємо видалити пакунок, використовуючи npm uninstall -g create-react-app, щоб гарантувати, що npx завжди використовує останню версію.

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

Ви можете використовувати ці команди нижче:

  • npx create-react-app my-app
  • npm init react-app my-app
  • пряжа створення реагувати-додаток мій додаток

Другий крок (якщо перший не працює):

Іноді це може зберігати caches.then ви можете використовувати ці команди, наведені нижче.

  • npm uninstall -g create-react-app
  • npm кеш чистий --force
  • npm кеш перевірити
  • пряжа створення реагувати-додаток мій додаток

Третій крок: (Якщо ці 2 не спрацюють ) спочатку видаліть через npm uninstall -g create-react-app , а потім перевірте, чи все ще є "встановлене", за допомогою якого команда create-react-app у вашому командному рядку. Якщо у вас є щось на зразок ( / usr / local / bin / create- react -app ), тоді запустіть цей rm -rf / usr / local / bin / create-react-app (папка може змінюватися), щоб видалити вручну. Потім знову встановіть його через npx / npm / пряжу. NB : Я досягаю успіху на останньому кроці.


0

Коли мене стратили

Створити-реагувати-додаток привіт

створюється лише внизу структури папок із повідомленням

"Шаблон не надано. Це, ймовірно, ви використовуєте застарілу версію create-react-app. Зауважте, що глобальні встановлення програми create-react більше не підтримуються."

node_modules
package.json
yarn.lock

Виконуйте нижче кроки для вирішення

// Видалення пакета create-react-app

npm uninstall -g create-react-app

Після цього я готовий створити новий додаток для реагування через "npx"

Для аромату ES6 (за замовчуванням знадобиться мова ES6)

npx create-react-app привіт-світ

Для аромату Typescript

npx create-react-app hello-world - typetype typecript

Далі йде структура папки після запуску вище cmd

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

старт пряжі // Чудово працює

node: v10.16.0
npm: 6.10.2

0

Моє рішення виявилося трохи іншим, ніж ваше, тому я додам його сюди лише на випадок, якщо хтось має подібну проблему. Мабуть, я встановив додаток create-react у всьому світі з пряжею, яку я міг бачити, коли бігав, 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успішно запуститись .


0
  1. Встановіть create-react-app

На початку ми повинні встановити інструмент create-react-app. Це інструмент, наданий творцями React.js, який дозволяє встановити готовий до використання додаток React.js з усіма необхідними залежностями. Щоб встановити інструмент, ми повинні використати таку команду в командному рядку:

npm install -g create-react-app
  1. Створіть додаток

Тепер створити нашу першу програму дуже просто за допомогою інструменту create-react-app. Ми можемо це зробити за допомогою однієї команди в нашому командному рядку. Спочатку перейдіть до папки, в якій ви хочете мати свою програму, через командний рядок, а потім запустіть наступну команду, де reactapp - назва нашої програми:

npx create-react-app reactapp

Ви можете сміливо встановити іншу назву для вашої програми. Якщо процес закінчився успішно, ви повинні мати свою папку з додатком! Почнемо додаток зараз!

  1. Запустіть програму

Почнемо наш реактап з наступних команд:

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-react за допомогою команди: sudo npm uninstall -g create-react-app

Оскільки npm не підтримує глобальне використання модулів npm.

  1. встановіть плиту котла create-react-app як зазвичай, використовуючи команду: npx create-react-app my-app

це працює!!


-1

У мене була така ж проблема. Я спробував це. npm install -g create-react-app
Тоді зробіть create-react-app app-nameце для мене.


Так, але чи вирішує це помилка шаблону? Зараз я перебуваю на машині Windows (раніше був на Mac) і робив те саме ... Порожній проект та машинопис не були включені.
Mickers
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.