使用create-react-app创建的react项目目录不完整

使用create-react-app创建的react项目目录不完整

问题描述

使用create-react-app创建的react项目时出现目录不完整，不完整的目录结构如下：

创建方式如下：

创建完成后控制台的展示结果如下

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.
翻译：未提供模板。这可能是因为您正在使用过时的create react app版本。请注意，不再支持create react app的全局安装。

出现原因

create react app版本太低（2.1.5），当前最新3.4.0，如果以前将create-react-app 安装在本地，即执行了 npm install -g create-react-app就会报此错误。

解决方法

第一步：卸载 create-react-app

npm uninstall -g create-react-app

第二步：验证 create-react-app是否成功卸载，以确保 npx 使用最新版本创建项目。（使用create-react-app创建项目，如果执行则未成功，如果返回如下图所示则卸载成功）

第三步：create-react-app创建应用方法（本地开发环境需要保证NodeJS的版本>=8.10）

1.通过 npx 创建：
npx create-react-app my-app
2.通过 npm 创建：
npm init react-app my-app
3.通过 yarn(0.25+) 创建：
yarn create react-app my-app

选择模板

通过在命令后添加 --template [template-name] 来选择模板。

模板名的格式为 cra-template-template-name ，模板可在 npm 社区中找到很多有用的模板。（选择安装时可省略前缀 cra-template-）

ps

在未卸载create-react-app时可使用如下命令进行创建react项目（即忽略本地的cli）

npx --ignore-existing create-react-app my-app

参考地址

传送门1.
传送门2.
传送门3.