Шаблон не предоставляется с помощью create-реагировать-приложение
Когда я набираю create-react-app my-app команду в моем терминале, кажется, что она работает — загрузка всех библиотек успешно и т. Д. В конце этого процесса я получаю сообщение, что a template was not provided .
В package.json из my-app :
Я проверил журнал изменений CRA, и похоже, что была добавлена поддержка для пользовательских шаблонов — однако не похоже, что команда create-react-app my-app изменилась бы.
Есть идеи, что здесь происходит?
Если вы ранее устанавливали create-react-app глобально через npm install -g create-react-app , мы рекомендуем вам удалить пакет с помощью, npm uninstall -g create-react-app чтобы npx всегда использовать последнюю версию.
Используйте одну из следующих команд:
- npx create-react-app my-app
- npm init react-app my-app
- yarn create react-app my-app
1)
2)
Кажется, есть ошибка, когда create-реагировать на приложение не удаляется должным образом и использование одной из новых команд приводит к:
Шаблон не был предоставлен. Вероятно, это связано с тем, что вы используете устаревшую версию create-реагировать на приложение.
После удаления с помощью npm uninstall -g create-react-app проверьте, установлен ли он с помощью which create-react-app (Windows where create-react-app 🙂 в командной строке. Если он что-то возвращает (например, / usr / local / bin / create-реагировать-приложение ), затем выполните rm -rf /usr/local/bin/create-react-app удаление вручную.
3)
Тогда один из этих способов:
Хотя уже много ответов здесь. Я придумал 3 решения, которые я применил шаг за шагом, когда столкнулся с этой ситуацией.
Первый шаг: из официального руководства,
Если вы ранее устанавливали create-Reaction-app глобально через npm install -g create-react-app , мы рекомендуем вам удалить пакет, используя, npm uninstall -g create-react-app чтобы npx всегда использовал последнюю версию.
Вы можете использовать эти команды ниже:
- npx create-react-app my-app
- npm init react-app my-app
- yarn create react-app my-app
Второй шаг (если первый не работает):
Иногда он может хранить кэши. Затем вы можете использовать эти команды, приведенные ниже.
- npm uninstall -g create-react-app
- npm cache clean —force
- npm cache verify
- yarn create react-app my-app
Третий шаг: (если эти 2 не будут работать) сначала удалите через npm uninstall -g create-react-app , а затем проверьте, установлен ли он у вас с помощью which create-react-app команды в командной строке. Если у вас есть что-то вроде ( / usr / local / bin / create-Reaction-app ), запустите это rm -rf /usr/local/bin/create-react-app (папка может отличаться), чтобы удалить вручную. Затем снова установите его через npx / npm / yarn.
NB : я преуспеваю в последнем шаге.
Сначала удалите create-реакции-приложение глобально с помощью этой команды:
затем в каталоге вашего проекта:
Чтобы добавить больше к ответам выше:
С новым выпуском create-react-app вы можете создать новое приложение, используя пользовательские шаблоны. На данный момент доступно два шаблона:
Использование :
Подробнее о последних изменениях в create-react-app :
У меня тоже была такая же проблема. Когда я запускаю, npm init react-app my-app команда возвращает то же сообщение
Шаблон не был предоставлен. Вероятно, это связано с тем, что вы используете устаревшую версию create-реагировать на приложение.
yarn create react-app my-app Команда отлично работает.
Это сработало для меня.
- npm uninstall -g create-react-app
- npx create-react-app my-app
- npm install -g create-react-app в вашем компьютере
- создать реактивный проект снова с npx create-react-app my-app
Эти два шага работали на меня
1) Удалите реакцию на глобально с помощью этой команды
2) С помощью этой команды установил реакцию-приложение в папке проекта
« Если вы ранее устанавливали create-Reaction-app глобально с помощью npm install -g create-Reaction-app, мы рекомендуем вам удалить пакет с помощью npm uninstall -g create-реагировать-app, чтобы npx всегда использовал последнюю версию »
Об этом сообщается по адресу https://create-react-app.dev/docs/getting-started/ . Для меня это не сработало. Вместо этого мне пришлось переустанавливать create-реагировать-приложение глобально.
Мои шаги по решению этой проблемы заключались в следующем:
- npm удалить -g создать-реагировать-приложение
- npm install -g создать-реагировать-приложение
- npx создать-реагировать-приложение мое-приложение
Сначала очистите кэш npm, затем используйте пряжу следующим образом:
- npm cache clean —force
- npm cache verify
- yarn create react-app my-app
Надеюсь, это поможет.
РЕДАКТИРОВАТЬ
. вы можете попробовать следующее после того, как я рассмотрю эту проблему дальше:
- npm uninstall -g create-react-app
- yarn global remove create-react-app
- which create-react-app — Если он что-то возвращает (например, / usr / local / bin / create-Reaction-app), то выполните команду rm -rf / usr / local / bin / create-реагирующий-app для удаления вручную.
- npm cache clean —force
- npm cache verify
- npx create-react-app@latest
Эти шаги должны удалить глобально установленные установки create-response-app, затем вы вручную удалите старые каталоги, связанные со старыми глобально установленными сценариями create-response-app. Тогда хорошей идеей будет очистить кэш npm, чтобы убедиться, что вы не используете старые кэшированные версии create-реакции-приложения. Наконец создать новый reactjs приложение с @latest опцией , как так: npx create-react-app@latest . В этом вопросе было много путаницы, когда шаблон не создавался при использовании npx create-реагировать-приложение. Если вы выполните шаги, которые я изложил выше (1-6), то я надеюсь, что вы добьетесь успеха.
Если бы я захотел создать приложение реагирования в каталоге с именем client, я бы набрал в терминале следующую команду:
Источник
Как исправить ошибку npm start в create-react-app?
Установил реакт с помощью команды
— npm install -g create-react-app
— create-react-app new-app
— cd new-app
Вышло вот такое предупреждение (1 скрин), после npm start вот такая ошибка (2 скрин)
- Вопрос задан более года назад
- 116 просмотров
Dima Polos, вышла то же предупреждение, но вот с такой заметко: «npm notice created a lockfile as package-lock.json. You should commit this file»
Плюс там вышла такая подсказка: ‘If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project. That would permanently disable this preflight check in case you want to proceed anyway’
По этой подсказке проблема устранилась. Но хотелось бы без этого доп файла решить проблему
Попробуйте через npx создать проект.
Еще могут быть проблемы из-за русских букв и длинных названий папок.
Попробуйте удалить кэш npm.
Попробуйте удалить node_modules и сделать npm i в папке проекта.
Ну или можно поставить убунту для вин — делается в пару кликов. Обычно решает все базовые проблемы с пакетами под вин-платформой.
Я почти год работаю с npm на windows и до сих пор встречаю разные проблемы. На маке такого в принципе нет.
Источник
create-react-app: npm start not working, react-scripts not found
NPM start does not work.
Node: v12.6.0 npm: 6.10.0
Note: I put the project directory into the Trash, and ran npm start in there and it worked. Does anyone have any idea why it’s working?
- Used initialization commands as given by create-react-app:
- npm install -g npm@latest to update npm because it is sometimes buggy.
- rm -rf node_modules to remove the existing modules.
- npm install to re-install the project dependencies.
- npm install -g serve для глобальной установки
- serve help чтобы увидеть тексты помощи
- serve —single build для обслуживания одностраничного приложения. I сервер будет запущен, с которого вы можете получить доступ к вашему приложению реакции
installed the latest version of npm
installed the latest version of node
reinstalled node modules
deleted node and npm and reinstalled
Full Error Log
react-scripts won’t install even after trying several times
What can I do now?
I am thinking there is an error with Node. I have both a /usr/local npm file as well as an npm file within nvm folder.
4 Answers 4
Run these steps in this order
rm -rf node_modules (or if this does not work remove with the force flag rm -rf node_modules — force
rm ./package-lock.json (or if this does not work try) rm .\package-lock.json
npm run clean (or if this does not work) npm cache clean (or if this does not work) npm cache clean —force
npm install -g npm@latest
npm uninstall -g create-react-app npm install -g create-react-app
If the create react-app does not work reinstall npm install —save react react-dom react-scripts (and any other dependencies)
This might be because you might have installed create-react-app globally in the past. Uninstall the earlier create-react-app with the following command.
Remove the already created project directory followed by installation of your my-app
Please, try the following inside your terminal:
First remove all node_modules:
I had same problem like yours. I tried all the answers on this post and none helped me. I had the trouble in the path, it had a non acepted character (double dot in my case ‘:’).
I modified the path and the problem was solved. Maybe for this reason your project runs on trash.
Check your path to ensure that it’s right and it doesn’t contains a non acepted character. Also to can try to move the project folder to the root of your disk and try starting up from there.
Источник
npm start error with create-react-app
I have a project who I didn’t touch for 2 weeks. I take it back and now when I try to run npm start I got this error.
I try to clone my repos too and get the same error. If someone can give me some way to find what happen. Thank you
22 Answers 22
Author of Create React App checking in.
You absolutely should not be installing react-scripts globally.
You also don’t need ./node_modules/react-scripts/bin/ in package.json as this answer implies.
If you see this:
It just means something went wrong when dependencies were installed the first time.
I suggest doing these three steps:
This should fix the problem.
If it doesn’t, please file an issue with a link to your project and versions of Node and npm.
It seems like you don’t have react-scripts in your global environment. Two possibility are available here :
npm install -g react-scripts
or in your package.json change your script part like this :
Yes you should not install react-scripts globally, it will not work.
I think i didn’t use the —save when i first created the project (on another machine), so for me this fixed the problem :
incase you happened to be so unlucky like me that spent three(3) days in a row trying to solve this problem every solution proposed here failed me . create a .env file in your project root and add this code SKIP_PREFLIGHT_CHECK=true . Good luck
This is to help others completely new to react and who area having problems just starting a first app even though they did a fresh install and try using npm install and the other fixes I saw around the forums.
Running it on Windows 10 with all the latest npm create-react-app installed and got failure after failure on a simple npm start in a simple my-app demo folder.
Spent a long time with what looks similar to the OP error at first but is slightly different. This starts with ERRNO 4058 and continues with code ‘ENOENT’ syscall: ‘spawn cmd’, path: »cmd’ .
Eventually worked out from github create-react-app forum that a quick fix for this is registering cmd in the «path» variable. To do this go to System Properties>Environment variables. Click on path variable edit and and add new entry of C:\Windows\System32. Restart CMD prompt and I was good to go.
Источник
Почему сборка React не запускается в браузере?
Я пытаюсь создать свое приложение реакции, используя инструмент сборки реаги. Когда я пытаюсь «npm start», приложение работает нормально.
На http: // localhost: 3000 => я могу получить доступ к приложению.
Но когда я собираю приложение и пытаюсь получить доступ к файлу «index.html» в папке сборки, оно не работает, и я сталкиваюсь с белым пустым экраном.
Это папка сборки, которая была создана после запуска npm run build.
И это index.html
Я делаю что-то неправильно? Не могу ли я получить доступ к встроенному файлу index.html на моем веб-сервере apache?
5 ответов
Возможно, вы еще не заметили, но я не думаю, что ваш HTML-файл может правильно импортировать CSS и файлы сценариев. Когда я смотрю на вашу файловую структуру, я вижу, что все о сборке находится в папке сборки. Но в вашем html-файле есть косые черты («/») перед путями к файлам. Вот почему браузер ищет эти файлы под родительским элементом «сборки». Попробуйте удалить косые черты.
Вышеупомянутая проблема может быть преодолена, если вы добавите — «homepage»: «.»,
В вашем package.json. Это не официальный, но хороший взлом для подражания.
Чтобы решить эту проблему, перейдите в папку build , затем вы увидите файл manifest.json , откройте его и увидите, что у вас manifest.json есть:
Измените это на
Есть альтернативный способ решения проблемы:
Перед сборкой реагирующего проекта перейдите в файл package.json и укажите свойство homepage со значением . или, возможно, с базовым URL вашего сайта, см. пример:
Вам следует попробовать использовать пакет обслуживания здесь для запуска одностраничного приложения.
Вам необходимо установить плагин / расширение для локального сервера.
Если вы являетесь пользователем vscode, найдите расширение сервера и установите его. Тогда в нижней части вашего редактора появится опция «Перейти к жизни».
Для другого пользователя редактора (atom / sublime) ищите плагины сервера.
Источник
