当我在我的终端上输入create-react-app my-app命令时,它似乎工作了-下载所有库成功等。在该过程结束时,我得到一个消息,没有提供模板。

输入

user@users-MacBook-Pro-2 Desktop% create-react-app my-app

输出

Creating a new React app in /Users/user/Desktop/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...
..... nothing out of the ordinary here .....
✨  Done in 27.28s.

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.

在包中。my-app的Json:

"dependencies": {
  "react": "^16.12.0",
  "react-dom": "^16.12.0",
  "react-scripts": "3.3.0" <-- up-to-date
}

我检查了CRA更改日志,它看起来像是增加了对自定义模板的支持-但是它看起来不像命令create-react-app my-app会改变。

知道这是怎么回事吗?


在你的电脑上安装-g create-react-app 用NPX Create -react-app my-app再次创建react项目


如果你之前已经通过npm install -g create-react-app全局安装了create-react-app,我们建议你使用npm uninstall -g create-react-app卸载这个包,以确保npx总是使用最新的版本。

Docs

使用以下命令中的任意一个:

create-react-app my-app NPM init react-app my-app Yarn创建my-app

如果NPM uninstall -g create-react-app上面说的不起作用。 输入create-react-app来知道它被安装在哪里。我的安装在/usr/bin文件夹中。然后执行sudo rm -rf /usr/bin/create-react-app。(感谢下面@v42的评论)


把以上的答案加起来:

随着新版本的create-react-app,您可以使用自定义模板创建一个新的应用程序。 目前有两个模板可用:

cra-template cra-template-typescript

用法:

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

更多关于create-react-app的最新变化:

https://github.com/facebook/create-react-app/releases/tag/v3.3.0


我也有同样的问题。当我trid npm init react-app my-app命令返回相同的消息

没有提供模板。这可能是因为您正在使用 过时版本的创建-反应-应用程序。

But

Yarn create react-app my-app命令运行正常。


这对我很管用。

NPM卸载-g create-react-app create-react-app my-app


使用该命令后:

yarn global upgrade create-react-app

然后我试着:

yarn create-react-app my-app but it didn't work for me.

不过这个方法奏效了:

npx create-react-app my-app 

如果你之前已经通过npm install -g create-react-app安装了create-react-app,我们建议你使用npm uninstall -g create-react-app来卸载这个包,以确保npx总是使用最新的版本。

这篇报道来自https://create-react-app.dev/docs/getting-started/。对我来说,这行不通。我不得不重新安装全局的create-react-app。

我解决这个问题的步骤是:

NPM卸载-g create-react-app NPM install -g create-react-app create-react-app my-app


这解决了我的问题

步骤:

1.卸载create-react应用程序

npm uninstall -g create-react-app

2.现在就用

npx create-react-app my-app

这将自动为u创建模板。


这是一个奇怪的问题,因为这个昨天为我工作,今天早上我遇到了同样的错误。根据发布说明,添加了一个新特性来支持模板,因此看起来命令行中的一些部分已经发生了变化(例如,——typescript被弃用而使用——template typescript)

我做到了以下几点:

卸载全局create-react-app npm npm cache校验。 关闭终端。我使用mac终端,如果使用IDE可能关闭并重新打开。 重新打开终端,浏览到你想要的项目,并通过npx使用新的模板命令约定运行create-react-app。为了让它工作,我使用了文档站点的typescript my-app来确保一致性:npx create-react-app my-app——template typescript

如果运行正常,您应该看到多个安装:一个用于react-scripts,一个用于模板。错误消息也应该不再出现。


第一次全局卸载create-react-app:

npm uninstall -g create-react-app

然后在你的项目目录中:

npm install create-react-app@latest

最后:

npx create-react-app my-app

对于Linux,这对我来说是有效的

sudo npm uninstall -g create-react-app
npx create-react-app my-test-app

1)

npm uninstall -g create-react-app

or

yarn global remove create-react-app

2)

似乎有一个错误,create-react-app没有正确卸载,使用其中一个新命令导致:

没有提供模板。这可能是因为您正在使用 过时版本的创建-反应-应用程序。

在使用npm uninstall -g create-react-app卸载后,检查你的命令行上是否仍然“安装”了create-react-app (Windows: where create-react-app)。如果它返回一些东西(例如/usr/local/bin/create-react-app),然后执行rm -rf /usr/local/bin/create-react-app手动删除。

3)

下面是其中一种方法:

npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app

这对我很管用!

1) NPM卸载-g create-react-app

2) NPM install -g create-react-app

3) NPX create-react-app app_name

如果你之前通过npm install -g create-react-app全局安装了任何create-react-app,最好使用npm uninstall -g create-react-app卸载它


这两步对我很管用

1)使用该命令全局卸载react-app

npm uninstall -g create-react-app

2)在project文件夹中安装react-app

npx create-react-app project-name

所有的选项在MacOS上都不适用。以下3个步骤是有效的:

从“/usr/local/bin/”目录下删除节点

then

重新安装节点:https://nodejs.org/en/

then

安装react: npx create-react-app my-app follow: https://create-react-app.dev/


先清空你的npm缓存,然后使用yarn,如下所示:

NPM缓存清理——force NPM缓存验证 Yarn创建my-app

我希望这能有所帮助。

EDIT

...在我进一步研究了这个问题之后,你可能想尝试以下方法:

NPM卸载-g create-react-app Yarn全局删除create-react-app which create-react-app -如果它返回一些东西(例如/usr/local/bin/create-react-app),然后执行rm -rf /usr/local/bin/create-react-app手动删除。 NPM缓存清理——force NPM缓存验证 npx create-react-app@latest

These steps should remove globally installed create-react-app installs, you then manually remove the old directories linked to the old globally installed create-react-app scripts. It's then a good idea to clear your npm cache to ensure your not using any old cached versions of create-react-app. Lastly create a new reactjs app with the @latest option like so: npx create-react-app@latest. There has been much confusion on this issue where no template is created when using npx create-react-app, if you follow the steps I have stated above (1-6) then I hope you'll have success.

p.s.

如果我想在一个叫client的目录中创建一个react应用程序,那么我会在终端中输入以下命令:

NPX create-react-app@latest ./client

祝你好运。


这个问题不是这样解决的,问题是在node的不同实例中,尝试全局删除create-react-app,然后删除node_modules和package-lock。来自根用户的Json


虽然这里已经有很多答案了。 当我面对这种情况时,我想出了3个解决方案。


第一步:从官方手册,

如果你之前已经通过npm install -g create-react-app全局安装了create-react-app,我们建议你使用npm uninstall -g create-react-app卸载这个包,以确保npx总是使用最新的版本。

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

你可以使用下面这些命令:

create-react-app my-app NPM init react-app my-app Yarn创建my-app


第二步(如果第一步不管用):

有时它可能会保存缓存。然后您可以使用下面给出的这些命令。

NPM卸载-g create-react-app NPM缓存清理——force NPM缓存验证 Yarn创建my-app


第三步:(如果这两步都不行) 首先通过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/yarn安装它。

NB:最后一步我成功了。


NPM uninstall -g create-react-app在某些情况下可能是一个答案,但在我的情况下不是。

您应该手动删除位于~/的create-react-app。Node /bin/或/usr/bin/(只需输入create-react-app,并使用rm -rf将其从您看到的位置删除),接下来只需运行NPM I -g create-react-app。

之后,create-react-app将正常工作。


首先卸载create-react-app

npm uninstall -g create-react-app

然后运行yarn create react-app my-app或npx create-react-app my-app

然后运行yarn create react-app my-app或NPX create-react-app my-app可能仍然会给出错误,

没有提供模板。这可能是因为您使用的是过时版本的create-react-app。请注意,不再支持create-react-app的全局安装。

这可能是因为现金的原因。所以下一组

npm cache clean --force 

然后运行

npm cache verify

现在一切都清楚了。现在运行

Yarn create react-app my-app或NPX create-react-app my-app

现在你会得到你想要的!


TLDR:使用npm Uninstall -g create-react-app卸载全局包,并使用npx create-react-app app生成新的react应用。


问题

你正在使用一个旧版本的create-react-app,你已经用npm全局安装了。create-react-app命令调用这个全局包。

你可以通过运行npm expired -g create-react-app或比较create-react-app——version与npm view create-react-app来确认你使用的是一个过时的版本。

react-scripts的版本是最新的,这一事实与引导应用程序的包的版本(create-react-app)无关,后者抓取了它使用的包的最新版本(在本例中是react-scripts)。

解决方案

如果你想继续使用create-react-app命令,你需要使用npm update -g create-react-app更新全局包。请注意,您需要定期这样做以保持更新。你会注意到create-react-app不建议这样做(在安装日志中有记录)。

一个更好的方法是完全删除全局安装(npm uninstall -g create-react-app),而是使用npx,以便它每次都抓取包的最新版本(关于npx的详细信息如下)。

您应该通过尝试使用create-react-app来确保命令“未找到”来确认它已全局卸载。

卸载有问题吗?

你可以使用create-react-app调试它的安装位置。如果你在卸载它时遇到问题,你的机器上可能有多个版本的node/npm(来自多个安装,或者因为你使用了节点版本管理器,如nvm)。这是一个单独的问题,我不会在这里解决,但在这个答案中有一些信息。

一个快速的核心方法是在create-react-app返回的路径上强制删除它(rm -rf)。


补充

全局npm包和npx命令

$ NPM_PACKAGE_NAME将始终使用包的全局安装版本,无论您在哪个目录中。

$ npx NPM_PACKAGE_NAME将使用它从当前目录搜索到根目录时找到的包的第一个版本:

如果您的当前目录中有这个包,它将使用它。 否则,如果包在当前目录的父目录中,它将使用它找到的第一个目录。 否则,如果你全局安装了这个包,它就会使用它。 否则,如果你根本没有这个包,它会临时安装它,使用它,然后丢弃它。-这是确保包装是最新的最好方法。

更多关于npx的信息可以在这个答案中找到。

使用npx和create-react-app

create-react-app有一些特殊的命令/别名来创建一个特定于该包的react应用程序(而不是npx) (yarn create react-app, NPM init react-app),但npx create-react-app的工作方式与其他包相同。

Yarn vs NPM全局安装

Yarn将全局安装包存储在与npm不同的文件夹中,这就是为什么Yarn create react-app可以在不卸载全局npm包的情况下立即工作(就Yarn而言,这个包还没有安装)。

这只是一个临时的解决方案,因为你需要记住在使用Create React App时总是使用yarn而不是npm。


NPX create-react-app@latest your-project-name

在尝试了所有的答案后为我工作,希望能在未来帮助到别人。


这对我很有效 1.第一次全局卸载create-react-app:

npm uninstall -g create-react-app

如果你还有以前的安装,请删除文件夹叫我的应用程序完全。(确保没有程序正在使用该文件夹,包括您的终端或cmd提示符)

2.然后在你的项目目录中:

npm install create-react-app@latest

3.最终:

npx create-react-app my-app

对于Windows 10,我必须手动删除yarn缓存中的一些文件夹,我的路径是C:\Users\username\AppData\Local\Yarn\Cache\v1,我必须删除的文件夹是npm-create-react-app-1.0.0-1234567890abcdef


我也遇到了同样的问题,我已经在我的机器上全局安装了“创建-反应-应用程序”。 有错误:

“没有提供模板。这可能是因为您使用的是过时版本的create-react-app。 请注意,不再支持create-react-app的全球安装。”

然后我删除了以前的安装使用这个命令。

NPM卸载-g create-react-app

然后安装新的react应用程序。

create-react-app new-app


我通过从全局npm lib卸载create-react-app来修复Mac上的这个问题,这基本上就是说的,只是尝试去做,你还需要做sudo:

sudo npm uninstall -g create-react-app

然后简单地运行:

npx create-react-app my-app-name

现在应该都好了,并获得如下所示的文件夹结构:


使用命令npm uninstall -g create-react-app对我没用。

但这个方法奏效了:

Yarn全局删除create-react-app

然后:

create-react-app my-app


这份工作是给我的:

让我们用下面的命令全局卸载create-react-app:

npm uninstall -g create-react-app

之后在你的项目目录:

npm install create-react-app@latest

最后:

npx create-react-app my-app

对于typescript:

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

我已经完成了所有的步骤,但是没有帮助。

TLDR;运行NPX——ignore-existing create-react-app

我用的是Mojave 10.15.2的Mac

CRA没有全局安装-在/usr/local/lib/node_modules或/usr/local/bin中也没有找到它。

然后我看到了这条关于CRA github问题的评论。使用——ignore-existing标志运行该命令会有所帮助。


尝试以管理员身份运行您的终端。我也有同样的问题,除了以管理员身份打开终端,然后执行npx create-react-app yourAppName之外,没有任何帮助


对于UBUNTU:如果你有一个错误的模板没有提供npx create-react-app,并且已经卸载了npm create-react-app -g,仍然不能工作,请执行以下操作:

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

# this will manualy remove the create-react-app. 
npx create-react-app 

使用typescript也可以。


如果你得到这个错误'Template not provided ...."一遍又一遍,然后直接执行以下步骤:

NPM卸载-g create-react-app 使用命令"which create-react-app"查看文件" create-react-app"的位置 现在手动删除该文件,使用命令“rm -rf /usr/local/bin/create-react-app”将此命令替换为上一步中显示的确切路径。 最后运行'npx create-react-app '

这将取代你的旧文件“create-react-app”,该文件导致了用npx下载的新文件的问题。

快乐的编码…


我上周也遇到了同样的问题。我尝试了答案部分提供的许多方法。但现在情况不同了。这个create-react-app的最新版本提供了2个模板。

1. cra-template

2. cra-template-typescript

如果使用javascript,请选择cra-template。如果你使用typescript,请使用cra-template-typescript。

首先,你必须卸载create-react-app。(如果您有最新版本,请忽略此步骤。)

 npm uninstall -g create-react-app

再次安装最新版本的create-react-app

npm install create-react-app@latest

现在您必须像这样导入模板。(如果你使用typescript,请使用"cra-template-typescript"而不是"cra-template"。My-app用作名称。你可以给它起任何名字)。

npx create-react-app my-app --template cra-template

现在将下载模板。但请记住,这并不等于过去的版本。(不同的)

快乐的编码。


对于任何Windows用户仍然有这个问题,这是为我解决它:

运行create-react-app获取路径(我的路径是C:\Users\username\AppData\Local\Yarn\bin)。 导航到该目录并删除“create-react-app”和“create-react-app.cmd”。 导航到要在其中启动项目的目录。 运行npm install create-react-app, NPX create-react-app name-of-app, CD name-of-app, yarn start。

步骤4将根据您的配置而有所不同,但这只是我启动和运行的基础。


出现此问题是因为不再支持create-react-app的全局安装。为了解决这个问题,你应该从你的系统中卸载并完全删除create-react-app,所以分别运行这些命令:

npm uninstall -g create-react-app

or

yarn global remove create-react-app

然后用这个命令检查create-react-app是否存在

which create-react-app

如果它返回任何正确的路径,比如

/c/Users/Dell/AppData/Local/Yarn/bin/create-react-app

然后执行该命令全局删除create-react-app

rm -rf /c/Users/Dell/AppData/Local/Yarn/bin/create-react-app

现在你可以用下面的命令创建一个新的react应用程序:

npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app

最简单的方法之一就是使用

npx --ignore-existing create-react-app [project name]

这将删除create-react-app的旧缓存版本,然后获取新版本来创建项目。

注意:添加项目名称很重要,因为忽略现有的create-react-app版本是过时的,并且机器全局环境中的更改是临时的,因此以后仅使用npx create-react-app[项目名称]将无法提供所需的结果。


请试试这个:

NPX create-react-app project-name——template all


我用下面的命令解决了这个问题。

NPM卸载-g create-react-app

NPM缓存清理——force

then

NPX create-react-app project_name——template all

谢谢你!对我来说也是如此。


npx create-react-app@latest {project name}

这似乎是可行的方法。


如果以上都不行… 使用NPX clear-npx-cache 然后NPX create-react-app my-app 希望它能解决。


下面的步骤对我很有效

NPM卸载-g create-react-app npx clear-npx-cache NPM I -g create-react-app create-react-app myapp


如果以上这些对你都不起作用,下面就是我所做的: 在ubuntu(可能还有mac和windows)上搜索node_modules文件夹,手动删除create-react-app模块,更新包。Json和包锁。Json,然后再次运行

npx create-react-app <app-name>

作品!


没有人提到最基本的问题, Windows用户。 确保您更新了节点版本。 这些答案都不适合我,直到我更新了我的node.js