Create-React-App无法创建入门模板

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

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进行投票。

对于操作： 您的括号不正确。对于您的情况，文档文档说要使用：

npx create-react-app my-app --template [模板名称]
-or- npx
create-react-app my-app --template打字稿

对于其他所有人：

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命令。）

我通过以下方式解决了这个问题 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

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

我希望这有帮助。

创建React启动模板

1.npx create-react-app your_app_name

2.cd your_app_name

3.npm开始

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

当我遇到这种情况时，我想出了3种解决方案，并逐步加以应用。

第一步：从官方手册中，

如果您之前已通过npm install -g create-react-app全局安装了create-react-app，建议您使用npm install -g create-react-app卸载软件包，以确保npx始终使用最新版本。

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

您可以在下面使用这些命令：

• npx create-react-app我的应用
• npm init react-app我的应用
• 纱线创建react-app my-app

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

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

• npm卸载-g create-react-app
• npm缓存清理--force
• npm缓存验证
• 纱线创建react-app my-app

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

当我执行

创建反应应用程序你好

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

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

node_modules
package.json
yarn.lock

按照以下步骤解决

//卸载create-react-app软件包

npm卸载-g create-react-app

之后，我准备通过“ npx”创建新的React应用

对于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

我的解决方案最终与您的解决方案有所不同，因此，如果有人遇到类似问题，我将在此处添加它。显然，我在全局安装了yarn的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成功运行。

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

希望对您有帮助！

对于Windows用户，请遵循两个步骤

npm uninstall -g create-react-app

然后

npx create-react-app jamming

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

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

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

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

有用！！

我遇到了同样的问题。我尝试 过了，npm install -g create-react-app
然后create-react-app app-name为我解决了。