Create-React-App 不创建启动模板

Question

我正在尝试按照这些说明使用打字稿模板创建一个新项目。

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.

我正在尝试按照说明删除 cli 的全局安装，但这也不起作用：

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

无论我做什么，我都无法卸载 cli。 到底是怎么回事？

编辑：

我能够让它在 PC 上部分工作。

npm remove create-react-app

然后

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

我尝试使用括号，虽然模板项目在那里，但它不在打字稿中。 现在 cli 有问题。

编辑：

这篇文章解决了无法卸载cli的问题。 希望这对某人有所帮助，并请为 OP 投票。

Answer 1

对于 OP：

你的括号不合适。 对于您的情况，文档文档说要使用：

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

或者

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

---

对于其他所有人：

1. 卸载（我在 Linux/Ubuntu 上）

    sudo npm uninstall -g create-react-app

2. 然后运行：

    npx create-react-app my-app

---

注意：确保在卸载时删除了所有文件夹/文件。 如果您在访问 linux 设置中的 react 文件夹时遇到问题（由于权限），请通过以下方式获得访问权限并删除：

sudo chown -R $USER /usr/bin/create-react-app

（...然后执行 npx 命令。）

Answer 2

我通过sudo npm uninstall -g create-react-app解决了这个问题

但这并没有删除 create-react-app，所以我不得不检查它所在的目录。 在终端中，如果您键入：

which create-react-app

它会给你一些目录，比如/usr/local/bin/create-react-app现在做：

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

这将手动删除 create-react-app。 现在您可以使用npx create-react-app my-app开始创建npx create-react-app my-app

Answer 3

我遇到了同样的问题。 这对我有用（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

我希望这有帮助。

Answer 4

创建 React 启动模板

1.npx create-react-app your_app_name

2.cd your_app_name

3.npm启动

Answer 5

即使您运行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应该没有错误或警告。

Answer 6

我想出了 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
• 纱线创建反应应用程序我的应用程序

第二步（如果第一个不起作用）：

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

• npm uninstall -g create-react-app
• npm 缓存清理 --force
• npm 缓存验证
• 纱线创建反应应用程序我的应用程序

第三步：（如果这两个不起作用）首先通过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 安装它。 注意：我在最后一步成功了。

Answer 7

当我执行

create-react-app 你好

仅在文件夹结构下方生成，并带有通知

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

node_modules
package.json
yarn.lock

按照以下步骤解决

// 卸载 create-react-app 包

npm uninstall -g create-react-app

之后我准备通过“npx”创建新的反应应用程序

对于 ES6 风格（默认将采用 ES6 语言）

npx create-react-app hello-world

对于打字稿风味

npx create-react-app hello-world --template 打字稿

以下是cmd上面运行后的文件夹结构

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

纱线开始//工作正常

node: v10.16.0
npm: 6.10.2

Answer 8

我的解决方案最终与您的略有不同，因此我会在此处添加它，以防有人遇到类似问题。 显然，我使用纱线全局安装了 create-react-app，当我运行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 。

Answer 9

1. 安装 create-react-app

一开始，我们必须安装 create-react-app 工具。 它是一个由 React.js 创建者提供的工具，它允许安装准备使用的 React.js 应用程序，以及所有需要的依赖项。 要安装该工具，我们必须在命令行中使用以下命令：

npm install -g create-react-app

2. 创建应用程序

现在，使用 create-react-app 工具创建我们的第一个应用程序非常容易。 我们可以在命令行中使用单个命令来完成。 首先，通过命令行导航到您要放置应用程序的文件夹，然后运行以下命令，其中 reactapp 是我们应用程序的名称：

npx create-react-app reactapp

您可以随意为您的应用程序设置不同的名称。 如果该过程成功完成，您应该准备好包含应用程序的文件夹！ 让我们现在开始申请吧！

3. 启动应用程序

让我们使用以下命令启动我们的 reactapp：

cd reactapp
npm start

第一个命令用于进入我们应用程序的文件夹，第二个命令用于启动我们的应用程序。 默认情况下，应用程序在 localhost:3000 处打开，但我们可以在设置中更改端口。

链接： https : //dev.to/duomly/how-to-create-the-react-app-in-5-minutes-1bmb

这有帮助！

Answer 10

对于 Windows 用户，请执行以下两个步骤

npm uninstall -g create-react-app

然后

npx create-react-app jamming

不断更新你的节点和 npm，最新的稳定版本

Answer 11

1. 使用命令卸载 create-react-app： sudo npm uninstall -g create-react-app

由于 npm 不支持 npm 模块的全局使用。

2. 像往常一样使用命令安装 create-react-app 样板： npx create-react-app my-app

有用！！

Answer 12

我在Windows 中使用命令提示符遇到了同样的问题，但后来我在Powershell上尝试了以下步骤，它起作用了。 如果仍然无法正常工作，则以管理员身份运行 Powershell。

npx create-react-app my-app
cd my-app
npm start

Answer 13

我遇到了同样的问题。 我试过这个npm install -g create-react-app
然后执行create-react-app app-name它对我有用。