求助:Create React App在Node 18/19版本安装时随机卡顿
解决npx create-react-app 随机卡在模块安装的问题
清理npm与npx缓存
- 执行
npm cache clean --force清空npm缓存 - 执行
npx clear-npx-cache清理npx缓存 - 手动删除系统中的npm缓存目录:Windows删
%AppData%\npm-cache,macOS/Linux删~/.npm
- 执行
强制跳过缓存安装
直接运行npx create-react-app myapp --no-cache,避免使用本地缓存拉取模块,减少卡顿概率换用yarn工具创建项目
- 全局安装yarn:
npm install -g yarn - 用yarn创建项目:
yarn create react-app myapp
yarn的缓存和依赖解析机制比npm更稳定,能有效规避这类随机卡顿问题
- 全局安装yarn:
切换npm源到国内镜像
执行npm config set registry https://registry.npmmirror.com,之后再运行cra命令,国内镜像的下载速度更快,降低因网络波动导致的卡顿手动替代cra初始化项目
- 创建空项目目录:
mkdir myapp && cd myapp - 初始化npm:
npm init -y - 安装核心依赖:
npm install react react-dom - 安装开发工具依赖:
npm install --save-dev react-scripts - 在package.json的
scripts字段中添加:"start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" - 手动创建
public和src目录,复制常规React项目的基础文件(比如index.html、index.js、App.js)即可
- 创建空项目目录:
内容的提问来源于stack exchange,提问作者Aryan Rajput
相关产品推荐
相关产品推荐

