刚开始学习react用creact-react-app脚手架建一个项目,npm start却跑不...

发布网友发布时间：2022-04-24 14:08

共4个回答

懂视网时间：2022-04-20 17:53

1. React 快速上手脚手架 create-react-app

为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。
当然，如果你需要 React Native 的脚手架项目，可以查看这里：create-react-native-app

使用的原因以及特性：

无需配置；

集成了对 React, JSX, ES6 和 Flow 的支持；

集成了开发服务器；

配置好了浏览器热加载的功能；

在 JavaScript 中可以直接 import CSS 和图片；

自动处理 CSS 的兼容问题，无需添加 -webkit 前缀；

集成好了编译命令，编译后直接发布成产品，并且还包含了 sourcemaps。

2. create-react-app 的安装

命令行中使用 npm 执行安装命令 npm install -g create-react-app，注意需要添加 g 参数进行全局安装以及权限的问题。

安装后执行运行命令 npm start 即可在浏览器看到运行后的结果，并且已经实现了热加载的功能。

Node 的版本必须 >= 4，推荐 Node >= 6 and npm >= 3；

运行起来后浏览器已经实现了热加载刷新，修改代码保存后浏览器会自动刷新；

执行 npm test 或 yarn test 可以执行测试动作，更多请参阅这里；

编译项目执行 npm run build 或 yarn build；

更多使用向导请插件这里。

热心网友时间：2022-04-20 15:01

你换一个英文目录试试吧。例如在D盘根目录建立一个React的目录，然后在React这个目录执行create-react-app来创建一个项目。有可能是目录原因的。

热心网友时间：2022-04-20 16:19

看错误感觉是环境变量的问题导致的，可以参考以下链接的处理思路试试：网页链接。

热心网友时间：2022-04-20 17:53

你把你建立的具体流程详细说一遍