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

时间:2019-12-06 20:51:35

标签: node.js create-react-app

我正在尝试根据这些instructions使用打字稿模板创建一个新项目。

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现在出了点问题。

编辑:

This帖子解决了无法卸载cli的问题。希望这对某人有帮助,请对OP进行投票。

13 个答案:

答案 0 :(得分:2)

TL / DR: 我认为您的括号不合适。 文档docs(如果您向下滚动)表示要使用:

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

-或-

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

详细地说,我有同样的问题。这是我为修复它所做的事情:

1。卸载(在Linux上为 )在最近建议使用npx并删除全局npm之后,我对create-react-app进行了全局卸载。他们只是建议以下内容:

npm uninstall -g create-react-app

...但是我无权访问多个文件夹...所以我不得不更正权限,(noob风格,很抱歉)...

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

[注意:您必须更改路径以匹配您的路径,但是$ USER保留bc,这是Linux方式] 而且还有一条我无法访问的路径,所以我跑了sudo来完成工作。

sudo npm uninstall -g create-react-app

2。 这样我就可以成功运行

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

但是对我来说,我将“我的应用”更改为“”。因为我正在制作MERN应用程序,并且想在现有项目的现有文件夹(对我来说是“ client”)中创建该应用程序。

我希望这会有所帮助!

答案 1 :(得分:0)

创建React启动模板

1.npx create-react-app your_app_name

2.cd your_app_name

3.npm开始

答案 2 :(得分:0)

即使您运行了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 :(得分:0)

面对这种情况,我提出了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我的应用
  • 纱线创建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安装它。 NB :我在最后一步成功了。

答案 4 :(得分:0)

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

我希望这会有所帮助。

答案 5 :(得分:0)

当我处死

  

create-react-app你好

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

”未提供模板。这可能是因为您使用的是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 typescript

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

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

纱线开始//工作正常

node: v10.16.0
npm: 6.10.2

答案 6 :(得分:0)

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

答案 7 :(得分:0)

我通过 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

答案 8 :(得分:0)

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

npm uninstall -g create-react-app

然后

npx create-react-app jamming

继续更新您的节点和npm,最新的稳定版本

答案 9 :(得分:0)

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

由于npm不支持在全球范围内使用npm模块。

  1. 像往常一样使用以下命令安装create-react-app样板: npx create-react-app my-app

有效!

答案 10 :(得分:0)

我在 Windows 中使用命令提示符遇到了相同的问题,但是随后我在 Powershell 上尝试了以下步骤,该方法可以正常工作。如果仍然无法正常运行,请以管理员身份运行Powershell。

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

答案 11 :(得分:-1)

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

答案 12 :(得分:-1)

  1. 安装create-react-app

首先,我们必须安装create-react-app工具。这是React.js创作者提供的工具,它允许安装具有所有必需依赖项的即用型React.js应用程序。要安装该工具,我们必须在命令行中使用以下命令:

npm install -g create-react-app
  1. 创建应用程序

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

npx create-react-app reactapp

您可以随时为应用程序设置其他名称。如果该过程成功完成,则应准备好包含应用程序的文件夹!现在开始启动应用程序!

  1. 启动应用程序

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

cd reactapp
npm start

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

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

希望如此!