首页 > 其他分享 >安装前端依赖和运行项目时的问题

安装前端依赖和运行项目时的问题

时间:2024-03-09 11:35:00浏览次数:28  
标签:npm 依赖 install -- 前端 版本 nvm 安装 运行

前端

1.安装依赖

使用WebStorm或VSCode工具打开项目前端源码,在项目根目录运行命令:

npm install --force

使用npm install会报错(这是一个与依赖项冲突相关的问题)。

报错:

npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED
npm ERR! request to https://registry.npm.taobao.org/yorkie/download/yorkie-2.0.0.tgz failed, reason: certificate has expired

你的问题是关于如何解决SSL证书过期的问题。你可以尝试将npm仓库设置为使用HTTP而不是HTTPS,这样可以绕过SSL证书检查。但是,请注意,这种方法不安全,因为它在传输过程中不加密数据。

  1. 清除npm缓存:运行以下命令清除npm缓存:
    npm cache clean --force
    
  2. 更新npm:运行以下命令以更新npm到最新版本:
    npm install -g npm latest
    
  3. 使用npm镜像:尝试使用其他npm镜像,如淘宝镜像,运行以下命令来配置淘宝镜像:
    npm config set registry https://registry.npm.taobao.org/
    

如果你仍然遇到问题,你可以尝试设置npm忽略SSL错误。同样,出于安全原因,这并不推荐。

npm config set strict-ssl false

完成后记得将其设置回true:

npm config set strict-ssl true

作者使用M1Mac遇到的问题:

npm ERR! ../src/fibers.cc:34:65: error: no member named 'kFinalizer' in 'v8::WeakCallbackType'
npm ERR!                 handle.SetWeak(val, WeakCallbackShim<F, P>, WeakCallbackType::kFinalizer);

官网解决办法:https://github.com/nodejs/node-gyp#on-macos

  • On macOS

  • A supported version of Python

  • Xcode Command Line Tools which will installclang,clang++, andmake.

    • Install the Xcode Command Line Tools standalone by running xcode-select --install. -- OR --
    • Alternatively, if you already have the full Xcode installed, you can install the Command Line Tools under the menu Xcode -> Open Developer Tool -> More Developer Tools....

问题依旧没有解决,于是我试着降低Node.js版本

  1. 安装node版本管理模块 n 或者 nvm
sudo npm install n -g
  1. 列出已安装的 Node.js 版本:打开终端,并运行以下命令以列出已安装的 Node.js 版本:
# 如果使用的是 nvm:
$ nvm ls
# 如果使用的是 n:
$ n
  1. https://nodejs.org/en/about/previous-releases查询版本号
  2. 安装目标版本:运行以下命令以安装指定的 Node.js 版本:
    # 如果使用的是 nvm:
    $ nvm install 16.20.2
    # 如果使用的是 n:
    $ n 16.20.2
    
降版本到16.20.2后,运行npm i下载依赖不报错

2.运行项目

执行下列命令:

$ npm run serve

报错:

Assertion failed: (thread_id_key != 0x7777), function find_thread_id_key, file coroutine.cc, line 134.

这是一个来自C++代码的断言错误,提示在coroutine.cc文件的第134行发生了错误。

解决办法:

$ npm uninstall fibers && rm package-lock.json && rm -R node_modules && npm install

这个对作者Mac无用,我尝试继续降低版本,降到15

ok成功运行!

标签:npm,依赖,install,--,前端,版本,nvm,安装,运行
From: https://www.cnblogs.com/HanXuxian/p/18062429

相关文章

  • 前端保存图片
    importReact,{useRef}from'react';importhtml2canvasfrom'html2canvas';constDownloadImage=()=>{constelementRef=useRef(null);consthandleDownload=()=>{constelement=elementRef.current;html2c......
  • virtual box安装cendos7并配置外网及静态IP(转)
    一、前期准备工作:1、虚拟机下载VirtualBox版本:7.0.6下载VirtualBox的下载页面:https://www.virtualbox.org/wiki/DownloadsVMWare虚拟机软件(收费的,要使用请购买正版软件)的官网:https://www.vmware.comVMWare虚拟机的免费版VMWarePlayer:https://www.vmware.com/products/w......
  • pgAdmin4的安装
    apt安装PostgreSql以后,没有自带的图形化管理工具,所以安装pgAdmin4并尝试连接。pgAdmin4下载网址:https://www.pgadmin.org/download我选择的是APT安装方式,然后有如下代码提示:##Setuptherepository##公钥下载,我下载的时候会提示是否覆盖,要选-是#Installthepublickeyf......
  • Ubuntu安装Redis
    Ubuntu安装RedisRedis在Ubuntu上是一个开源的内存型数据库,提供了快速、可扩展的键值存储。它使用ANSIC语言编写,支持网络,可以基于内存,也可以持久化。Redis不仅是一个key-value存储系统,还支持丰富的数据类型,如String、list、set、zset、hash等。这使得Redis能够适应不同场景下的存......
  • windows安装RocketMQ
    一、RocketMQ介绍1.开发指南:Gitee中文学习地址(https://www.processon.com/view/link/620c69d95653bb4ec5bb75cd#map)二、RocketMQ下载官方下载地址::https://rocketmq.apache.org/zh/download三、安装部署过程(带!为非必要操作)1.Java环境classpath.;%JAVA_HOME%\lib\dt.ja......
  • 【前端Vue】社交信息头条项目完整笔记第1篇:一、项目初始化【附代码文档】
    社交媒体-信息头条项目完整开发笔记完整教程(附代码资料)主要内容讲述:一、项目初始化使用VueCLI创建项目,加入Git版本管理,调整初始目录结构,导入图标素材。二、登录注册准备,实现基本登录功能,登录状态提示,表单验证。三、个人中心,四、首页—文章列表TabBar处理,页面布局,处......
  • 使用Web Vitals针对性的优化前端LCP指标
    1、安装WebVitals浏览器插件2、打开设置3、勾选打印日志 4、打开浏览器控制台即可查看需要优化的点5、LCP耗时的构成部分"LCPsub-part":"TimetoFirstByte""Time(ms)":39这个部分时间表示服务器的首个字节到达所花费的时间。这是指从浏览器发出请求到服务......
  • NVIDIA安装CUDA在安装阶段提示NVIDIA安装程序失败
    1.首先在NVIDIA官网上下载相应的CUDA版本https://developer.nvidia.com/cuda-toolkit-archive安装过程出现上述报错!2.解决方法。下载完成直接双击,默认选择路径3.点击同意并继续4.选择自定义模式5.在选择组件的时候,将CUDA中的NsightVSE和VisualStudioIntegration取消......
  • VMware Workstation17虚拟机安装
    目录一.下载安装软件二.安装过程选项三.序列化四.检查是否安装成功一.下载安装软件方式一:官网下载方式二:网盘下载(从官网里面下载的正版)二.安装过程选项双击下载的安装包,按以下图片选项进行安装如果没有以下图片的"升级"选项,则直接点击“下一步”或者"安装"......
  • 如何在CentOS 安装极狐GitLab Runner?
    本文作者:徐晓伟GitLab是一个全球知名的一体化DevOps平台,很多人都通过私有化部署GitLab来进行源代码托管。极狐GitLab是GitLab在中国的发行版,专门为中国程序员服务。可以一键式部署极狐GitLab。基于CentOS和极狐GitLab官方仓库脚本安装/配置GitLabRunner文档......