我正在尝试根据这些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进行投票。
答案 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
您可以在下面使用以下命令:
第二步(如果第一个不起作用):
有时它可能会保留缓存。那么您可以使用下面给出的这些命令。
第三步:(如果这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)
由于npm不支持在全球范围内使用npm模块。
有效!
答案 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)
首先,我们必须安装create-react-app工具。这是React.js创作者提供的工具,它允许安装具有所有必需依赖项的即用型React.js应用程序。要安装该工具,我们必须在命令行中使用以下命令:
npm install -g create-react-app
现在,使用create-react-app工具创建我们的第一个应用程序非常容易。我们可以在命令行中使用单个命令来完成。首先,通过命令行导航到要在其中放置应用程序的文件夹,然后运行以下命令,其中reactapp是我们的应用程序的名称:
npx create-react-app reactapp
您可以随时为应用程序设置其他名称。如果该过程成功完成,则应准备好包含应用程序的文件夹!现在开始启动应用程序!
让我们使用以下命令启动reactapp:
cd reactapp
npm start
第一个命令用于进入应用程序的文件夹,第二个命令启动我们的应用程序。默认情况下,该应用程序在localhost:3000处打开,但是我们可以在设置中更改端口。
链接:https://dev.to/duomly/how-to-create-the-react-app-in-5-minutes-1bmb
希望如此!