使用create-react-app未提供模板

当我在我的终端中键入create-react-app my-app命令时，它似乎工作了-成功下载所有库等。然而，在该过程结束时，我得到一条消息，即template was not provided. conf。

输入

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看起来并没有改变。

知道这是怎么回事吗?

144596 次浏览
小开
  1. npm install -g create-react-app在你的电脑
  2. 用npx create-react-app my-app再次创建react项目
小开
最佳答案

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

Docs

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

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

如果上面的npm uninstall -g create-react-app不起作用。 输入which 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

小开

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

没有提供模板。这可能是因为您正在使用 create-react-app的过时版本

但

yarn create react-app my-app命令工作正常。

小开

这对我很管用。

  1. npm uninstall -g create-react-app
  2. npx 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。

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

  1. NPM卸载-g create-react-app
  2. NPM install -g create-react-app
  3. create-react-app my-app
小开

这解决了我的问题

< em >步骤:< / em >

1.卸载create-react应用程序

npm uninstall -g create-react-app

2.现在就用

npx create-react-app my-app

这将自动为u创建模板。

小开

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

我做到了以下几点:

  1. 卸载全局create-react-app npm uninstall create-react-app -g。
  2. 验证npm缓存npm cache verify。
  3. 关闭终端。我使用mac终端，如果使用IDE可能关闭并重新打开。
  4. 重新打开终端，浏览到你想要的项目，并通过npx使用新的模板命令约定运行create-react-app。为了让它工作，我使用了来自文档网站的my-app typescript: 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

或

yarn global remove create-react-app

2）

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

没有提供模板。这可能是因为您正在使用 create-react-app的过时版本

在使用npm uninstall -g create-react-app卸载它之后，检查在命令行上是否仍然使用which 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 uninstall -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个步骤是有效的:

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

然后

  1. 安装节点:https://nodejs.org/en/

然后

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

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

  • npm cache clean --force
  • npm cache verify
  • yarn create react-app my-app

我希望这能有所帮助。

<强>编辑< / >强

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

  1. npm uninstall -g create-react-app
  2. yarn global remove create-react-app
  3. which create-react-app -如果它返回一些东西(例如/usr/local/bin/create-react-app)，然后执行rm -rf /usr/local/bin/create-react-app手动删除。
  4. npm cache clean --force
  5. npm cache verify
  6. npx create-react-app@latest

这些步骤应该删除全局安装的create-react-app安装，然后手动删除链接到旧的全局安装的create-react-app脚本的旧目录。然后，清理你的npm缓存，以确保你没有使用任何旧的缓存版本的create-react-app是一个好主意。最后，用@latest选项创建一个新的reactjs应用程序，如下所示:在使用npx create-react-app时没有创建模板的问题上有很多困惑，如果你遵循我上面所述的步骤(1-6)，那么我希望你能成功。

注。

如果我想在一个叫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

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

  • 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

第三步:(如果这两个不工作) 首先通过npm uninstall -g create-react-app卸载，然后在命令行上检查是否仍然使用which create-react-app命令“安装”它。如果你得到了类似于(/usr/local/bin/create-react-app)的东西，那么运行rm -rf /usr/local/bin/create-react-app(文件夹可能不同)手动删除。 然后再次通过npx/npm/yarn安装它

注:我在最后一步成功了。

小开

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

你应该手动删除位于~/.node/bin/或/usr/bin/的create-react-app(只需输入which 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 outdated -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来确保命令“未找到”来确认它已全局卸载。

卸载有问题吗?

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

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

补充

全局npm包和npx命令

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

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

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

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

使用npx和create-react-app

create-react-app有一些特殊的命令/别名来创建一个特定于该包(yarn create react-app， npm init react-app)的react应用程序(而不是npx)，但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。 请注意，不再支持create-react-app的全局安装。" < / p >

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

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

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

template not provided using create react app .

小开

使用命令npm uninstall -g create-react-app对我不起作用。

但这个方法奏效了:

yarn global remove create-react-app

然后:

npx 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

我在Mac上使用Mojave 10.15.2

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

然后我在CRA的github问题上遇到了这个评论。运行带有--ignore-existing标志的命令会有所帮助。

小开

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

小开

对于UBUNTU:如果你有一个错误，模板没有提供npx create-react-app和已经uniinstalled 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 ...."一遍又一遍，然后直接执行以下步骤:

  1. NPM卸载-g create-react-app
  2. 使用命令"which create-react-app"查看文件" create-react-app"的位置
  3. 现在手动删除该文件，使用命令“rm -rf /usr/local/bin/create-react-app”将此命令替换为上一步中显示的确切路径。
  4. 最后运行'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用户仍然有这个问题，这是为我解决它:

  1. 运行where create-react-app来获取路径(我的路径在C:\Users\username\AppData\Local\Yarn\bin)。
  2. 导航到该目录并删除&;create-react-app&;和“;create-react-app.cmd"。
  3. 导航到要在其中启动项目的目录。
    4. <李> 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

或

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 [project name]将无法提供所需的结果。

小开

请试试这个:

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

小开

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

npm uninstall -g create-react-app

npm cache clean --force

然后

npx create-react-app project_name --template all

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

小开

如果其他答案没有帮助，特别是如果你最近搬到大苏尔，这可能会有帮助。

我尝试了所有答案中描述的所有步骤，但无法让CRA为我生成模板。这可能是因为我最近搬到了Big Sur，没有更新node/npm等。没有安装创建-反应-应用程序二进制文件(既不在/usr/bin也不在/usr/local/bin)，但每当我运行npx create-react-app project时，它都会以可怕的“没有提供模板..”结束。消息。我升级了node和npm，尝试使用npm和yarn删除create-react-app，清除npm缓存，尝试使用npm react-app project，都没有用。

每当我运行这些命令时，它都会从抱怨使用过时包的反应脚本开始:

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...


yarn add v1.22.10
info No lockfile found.
[1/4] 🔍  Resolving packages...
warning react-scripts > babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
warning react-scripts > webpack-dev-server > chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
warning react-scripts > webpack-dev-server > chokidar > fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi@15.1.1: Switch to 'npm install joi'
warning react-scripts > workbox-webpack-plugin > workbox-build > rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintain
<etc. - tons of warnings like these>

所以我怀疑可能react-scripts是问题所在。为了检查，我运行npm list。令我惊讶的是，CRA被列为“无关的”;包:

├── create-react-app@1.5.2 extraneous

然后我运行npm uninstall create-react-app@1.5.2，它工作了。下一次调用npx create-react-app project时，提示我将安装CRA。果然，安装成功了，并且确实使用了模板。

希望这篇文章能对陷入类似困境的人有所帮助。

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

这似乎是可行的方法。

小开

如果以上均无效.. 使用这个npx clear-npx-cache 然后npx create-react-app my-app

小开

下面的步骤对我很有效

  1. < p > npm uninstall -g create-react-app

  2. < p > npx clear-npx-cache

  3. < p > npm i -g create-react-app

  4. < p > create-react-app myapp

小开
如果以上这些对你都不起作用，下面是我所做的: 在ubuntu(可能还有mac和windows)上搜索“node_modules”文件夹并手动删除create-react-app模块，更新包。Json和包锁。

. Json，然后再次运行 
npx create-react-app <app-name>

作品!


提交答案