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

IT技术 reactjs create-react-app
2021-04-10 00:38:56

当我create-react-app my-app在终端中键入命令时，它似乎可以工作 - 成功下载所有库等。但是在该过程结束时，我收到一条消息，表明template was not provided.

输入

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.

在 package.json 中my-app：

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

我查看了 CRA更改日志，看起来好像添加了对自定义模板的支持——但看起来命令create-react-app my-app并没有改变。

知道这里发生了什么吗？

6个回答

如果您之前已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

如果npm uninstall -g create-react-app上述说明不起作用。 键入which create-react-app以了解其安装位置。我的安装在/usr/bin文件夹中。然后做sudo rm -rf /usr/bin/create-react-app。（归功于下面的@v42 评论）

如果在 之后仍然出现相同的错误npm uninstall -g create-react-app，请which create-react-app在控制台中输入。如果它返回类似的东西/usr/local/bin/create-react-app，然后rm -rf /usr/local/bin/create-react-app手动删除。
2021-05-28 00:38:56
终于让它适用于typescript模板 npm uninstall -g create-react-app sudo rm -rf /usr/local/bin/create-react-app npx create-react-app newapp --template typescript
2021-06-08 00:38:56
如果这些解决方案对您不起作用，则您可能yarn像我显然所做的那样全局安装了该软件包。在这种情况下使用yarn global remove create-react-app删除它。
2021-06-09 00:38:56
恕我直言，这不是一个好方法。为什么我们每次都必须下载和运行东西而不是本地副本？它浪费带宽，是从互联网上执行随机代码的一种很好的方式，有一天会被黑客入侵......就像npm install create-react-app -g我的解决方案一样重新安装它意味着你最终会再次遇到这个错误，但人们不应该从网络，如果他们选择，应该能够保留在特定版本上......
2021-06-10 00:38:56
我认为 npm uninstall -g create-react-app 和 npx create-react-app my-app 会工作。但是不知何故 npx 仍然创建了一个没有模板的项目。create-react-app 是否以某种方式缓存？我认为不推荐使用全局 cra 安装。在使用 npx 之前，我不得不更新 create-react-app -g。
2021-06-13 00:38:56

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
在 Windows 上，您可以使用该命令where代替which
2021-05-28 00:38:56
我不得不删除安装文件夹，npm uninstall create-react-app -g 不起作用
2021-06-12 00:38:56
$ echo '#!/bin/sh' > /usr/local/bin/create-react-app $ echo 'echo 使用 yarn create-react-app 代替' > /usr/local/bin/create-react-app $ chmod 0700 /usr/local/bin/create-react-app
2021-06-20 00:38:56

虽然已经有很多答案在这里。我想出了 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
  • 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 安装它。

注意：我在最后一步成功了。

无论出于何种原因，npx并npm init没有起作用，但yarn在清除缓存后做了。我需要rm -rf的create-react-app文件夹了。非常感谢 SO。
2021-06-03 00:38:56
在Windows上（从WSL终端）which create-react-app显示，我需要删除create-react-app*的文件/mnt/c/Users/myWindowsUser/AppData/Roaming/npm/
2021-06-09 00:38:56

首先通过以下命令全局卸载 create-react-app：

npm uninstall -g create-react-app

然后在您的项目目录中：

npm install create-react-app@latest

最后：

npx create-react-app my-app
经过大约 1 年的尝试，终于解决了这个问题。太感谢了
2021-05-30 00:38:56
这个帮我 TY
2021-06-17 00:38:56

将更多内容添加到上述答案中：

使用新版本的create-react-app，您可以使用自定义模板创建新应用程序。目前可用的两个模板：

  • cra模板
  • cra-模板typescript

用法：

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

有关最新更改的更多详细信息create-react-app：

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

其它你可能感兴趣的问题
上一篇尝试输入react应用程序路由时出现 404 下一篇将 .env 文件添加到 React 项目