2021年11月6日

安装create-react-app

作者 admin

前些天在学react,按照官网路线安装create-react-app,安装过程中顺利,运行时候结果不如人意,以下记录避免下次再次遇到同样问题

官网地址https://react.docschina.org/docs/create-a-new-react-app.html

Create React App

Create React App 是一个用于学习 React 的舒适环境,也是用 React 创建新的单页应用的最佳方式。

它会配置你的开发环境,以便使你能够使用最新的 JavaScript 特性,提供良好的开发体验,并为生产环境优化你的应用程序。你需要在你的机器上安装 Node >= 8.10 和 npm >= 5.6。要创建项目,请执行:

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

注意

第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具

Create React App 不会处理后端逻辑或操纵数据库;它只是创建一个前端构建流水线(build pipeline),所以你可以使用它来配合任何你想使用的后端。它在内部使用 Babel 和 webpack,但你无需了解它们的任何细节。

当你准备好部署到生产环境时,执行 npm run build 会在 build 文件夹内生成你应用的优化版本。你能从它的 README 和用户指南了解 Create React App 的更多信息。

React项目创建:
1. 下载安装脚手架
yarn global add create-react-app

2. 创建项目
    create-react-app 项目名(项目名及路径不能有中文)

3. 启动项目(react服务器端口默认3000)
    cd 项目名
    yarn start ||  npm run start

按照上面步骤安装后运行 npm start时报错了,

start: `react-scripts start`

解决方法:

项目根目录,创建一个 .env 文件;

然后添加代码:

SKIP_PREFLIGHT_CHECK=true

再次执行

cnpm start

bug解决已经能运行了