首页 > 其他分享 >VSCode中 npm install 安装依赖包太慢了,一直加载不出来问题解决

VSCode中 npm install 安装依赖包太慢了,一直加载不出来问题解决

时间:2024-07-08 18:59:44浏览次数:7  
标签:npm node VSCode E6% install pnpm 加载

1.问题描述

采用VSCode打开别人传过来的项目时,需要先加载依赖包,一般是通过终端来加载:终端中输入npm install.

 但是采用npm install安装依赖包出现问题,一直加载不完,卡到某一地方,如图:

 2.尝试解决

2.1 采用淘宝镜像,依旧慢,最后证书过期

2.2 采用pnpm install(做了一部分)

npm install -g pnpm

pnpm install

2.2.1 pnpm无法加载报错

在pnpm install 时报错:pnpm:无法加载文件。

 查了网上的方法,解决方法是找到Windows PowerShell,以管理员身份运行,输入命令:set-ExecutionPolicy RemoteSigned 然后回车,输入A选择全是,或者输入Y选择是。

原文地址:解决 npm或pnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本_所在位置 行:1 字符: 1 + pnpm install + ~~~~ + categoryinf-CSDN博客

需要注意的是打开Windows PowerShell不是“命令提示符”,以下做一个区别:

 打开“命令提示符”,可能会出现“ ’set-ExecutionPolicy‘ 不是内部或外部命令”的提示。

2.2.2 node版本报错

接着继续在终端输入pnpm install,出现新的报错:

 也就是node版本太低的原因,因此下载gnvm,进行node版本管理,具体流程为先下载gnvm.exe,将gnvm.exe 文件放在Node.js 所在的文件夹,然后用gnvm下载新的node版本:gnvm install latest(下载最新版本node),然后可以查看本地所有安装的 node 版本:gnvm ls,最后切换到具体版本的node:gnvm use 10.0.0,具体流程如博文:

https://blog.csdn.net/weixin_38959210/article/details/121856587?ops_request_misc=&request_id=&biz_id=102&utm_term=%E6%80%8E%E4%B9%88%E6%9B%B4%E6%96%B0node%E7%89%88%E6%9C%AC%E4%B8%BA%E6%9B%B4%E6%96%B0%E7%89%88%E6%9C%AC&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-0-121856587.142^v100^pc_search_result_base6&spm=1018.2226.3001.4187

2.2.3 pnpm报错:ERR_PNPM_ENOENT  ENOENT: no such file or directory, rename 'F:\工作\项目\public\node_modules\.pnpm\@[email protected][email protected]\node_modules\vue' -> 'F:\工作\项目\public\node_modules\.pnpm\@[email protected][email protected]\node_modules\.ignored_vue'

 这个是因为把文件放在了移动的固态硬盘中,它的文件系统是exFAT,而pnpm可能是要求文件系统为NTFS的,也就是电脑自带的硬盘,比如说D盘,因此解决办法就是将项目创建在文件系统为NTFS的硬盘中即可。npmyarn没有这个问题。

原博文地址:ERR_PNPM_SYMLINK_FAILED Error: ENOENT: no such file or directory, rename..._error: enoent: no such file or directory, rename .-CSDN博客

2.3 采用yarn install

因为项目存储位置问题,尝试采用其他方法,尝试yarn安装,步骤同样为在终端下载yarn:

npm install -g yarn

yarn install

然后等待加载完成。

 3.成功标志:success Saved lockfile.

 

标签:npm,node,VSCode,E6%,install,pnpm,加载
From: https://www.cnblogs.com/wyy-25/p/18290332

相关文章

  • 开启VSCode的大门
    【教程】在macOS上用VSCode写C++代码5开启VSCode的大门(上)【教程】在macOS上用VSCode写C++代码5开启VSCode的大门(下)用终端写代码写代码在终端上使用命令创建.cpp文件(是文本文件),用vim打开编辑写代码,保存退出接下来是把代码文件编译成二进制可执行文件g++编译如何编......
  • Install the Operating System of Windows and Linux on the Laptop
    EnvironmentsWindows11Ubuntu24.04LTSLaptop:YogaPro14SARH7AllocatedDiskForUbuntu:146.5GBStepI:DownloadUbuntuPackageDownloadtheUbuntuISOfilefromtheofficialwebsite:https://ubuntu.com/download/desktopJustselecttheversion......
  • winston日记不能输出到vscode控制台显示问题
    修改launch.json,在configurations里面增加"console":"integratedTerminal".console配置有三个选项, integratedTerminal集成终端, internalConsole内部终端,externalTerminal外部终端{//使用IntelliSense了解相关属性。//悬停以查看现有属性的描述。......
  • 记录npm、node等的相关错误(!!!)
    报错情况当我在试着运行奇文网盘项目的时候,文档中推荐使用node版本为12.13.1,此时我使用的是nvm,所以当即就快速的切换node版本,想要去运行它。npmi还是一如既往地报错,所以我还是一如既往地采用cnpmi来下载包(经验之谈,由于想去后端发展,所以就没关心过前端的东西)。下载好之后,飞快的......
  • maven mvn install 报错: unable to find valid certification path to requested targ
    [INFO]---maven-surefire-plugin:2.22.2:test(default-test)@platform---[INFO]Downloadingfromalimaven:http://maven.aliyun.com/repository/public/org/apache/maven/surefire/maven-surefire-common/2.22.2/maven-surefire-common-2.22.2.pom[INFO]---------......
  • VSCode实现Markdown用法
    Python学习黄俊人一、Markdown语法标题一级标题二级标题引用引用一段话列表无序列表列表1列表2列表3有序列表嵌套TodoListab表格左对齐居中对齐右对齐abc段落换行?——两个以上空格后回车/空一行分割线——......
  • Vscode连接虚拟机报错
    Vscode连接虚拟机报错问题解决问题解释Permissiondenied,pleasetryagain.出现这个问题通常表示身份验证失败。可能的原因有SSH用户密码错误SSH端口非默认SSH配置文件问题虚拟机SSH服务问题:可能SSH服务没有正常启动或防火墙阻止了SSH连接ip地址错误问题分析重新检......
  • nodejs和npm安装与配置
    nodejs官网:http://nodejs.cn/百度网盘下载链接:https://pan.baidu.com/s/1RfjeN1bt-I-tf351xi8cgw提取码:sybk下载官网的稳定版msi安装包nodejs默认安装配置了npm进入cmd命令行(以管理员身份打开)node-v npm-v        查看版本,检查安装设置npm淘宝镜像......
  • C++:win11下的VScode构建百度Comate
    一. VScode的安装官网下载地址:https://code.visualstudio.com/ (选择好对应的系统版本)汉化:安装完软件后,打开软件界面的"扩展商店",搜索Chinese,下载相应的插件,如下图:二. 配置C++开发环境VSCode只是一个高级的编辑器,可以用来写C++代码,不能直接编译代码。所以,如果......
  • npm与yarn如何设置淘宝镜像资源
    一、Yarn设置淘宝镜像查询当前配置的镜像yarnconfiggetregistry//默认:https://registry.yarnpkg.com设置成淘宝镜像yarnconfigsetregistryhttps://registry.npmmirror.com//淘宝镜像新域名,旧域名2024年1月1日过期弃用换成原来的镜像yarnconfigsetregistr......