VSCode执行npx create-react-app报错求助(无sudo密码)
解决无sudo密码时的npm权限问题(创建React项目失败)
以下是几个无需sudo权限的解决方案:
临时指定npx缓存目录
直接在创建命令中指定缓存到当前项目目录下的临时文件夹,避开权限受限的系统缓存目录:npx --cache ./tmp create-react-app .执行后,缓存文件会存在当前目录的
tmp文件夹,无需系统级权限。修改npm全局缓存目录到用户可访问路径
- 在用户目录下创建自定义缓存文件夹:
mkdir ~/.npm-local-cache - 配置npm使用该目录作为缓存:
npm config set cache ~/.npm-local-cache --global - 再次执行React项目创建命令:
npx create-react-app .
- 在用户目录下创建自定义缓存文件夹:
使用yarn替代npm创建项目
- 若未安装yarn,先在用户目录下安装(无需sudo):
注意:需把npm install -g yarn --prefix ~/.local~/.local/bin添加到系统PATH环境变量中,确保yarn可全局调用。 - 使用yarn创建React项目:
yarn create react-app .
- 若未安装yarn,先在用户目录下安装(无需sudo):
手动搭建React项目(备选方案)
- 手动创建项目目录及
package.json文件,内容如下:{ "name": "atest", "version": "0.1.0", "private": true, "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" } } - 执行安装命令:
npm install
- 手动创建项目目录及
内容的提问来源于stack exchange,提问作者Shirly B.
相关产品推荐
相关产品推荐

