谷粒商城学习笔记-使用renren-fast-vue框架时安装依赖包遇到的问题及解决策略

这篇文章记录下使用renren-fast-vue,安装依赖包遇到的几个问题。

1,npm error Class extends value undefined is not a constuctor or null

在执行命令时可能出现以下错误,原因未定位到,把nodejs的版本降低到v16后该问题不再出现,注意不要用最新版本的nodejs
在这里插入图片描述
这种情况下,错误的原因往往与Node.js版本有关,可能是由于Node.js的新特性与要使用的库或框架不兼容导致的。

具体来说,某些类的定义可能在新版本的Node.js中发生了变化,而旧的代码尚未更新以适应这些变化。

因为v16是一个LTS(长期支持)版本,通常能够提供更好的稳定性,而且它对大多数现代JavaScript特性提供了支持。

2,npm warn cli npm v10.8.1 does not support Node.js v16.20.2.

npm warn cli npm v10.8.1 does not support Node.js v16.20.2.

降低nodejs版本后,查看npm出现这样的警告,原因是npm和nodejs版本不匹配。
在这里插入图片描述
解决办法是,打开如下文件夹,找到npm相关的文件夹,直接删除。

C:\Users\Lenovo\AppData\Roaming

重新执行命令,一切正常。

在这里插入图片描述

3,npm error code CERT_HAS_EXPIRED

使用命令注册淘宝镜像。

npm config set registry https://registry.npm.taobao.org/

出现如下错误。

npm error code CERT_HAS_EXPIRED
npm error errno CERT_HAS_EXPIRED
npm error request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired

在这里插入图片描述
原因在使用淘宝NPM镜像时,遇到了证书过期的错误。

这是因为npm尝试通过HTTPS连接到淘宝NPM镜像的服务器,但是服务器的SSL/TLS证书已经过期,不再被信任。

这通常会导致连接失败,并产生CERT_HAS_EXPIRED错误。

开发环境,不要纠结这个问题,用HTTP协议代替HTTPS协议,快速解决问题。

npm config set registry http://registry.npm.taobao.org/

学习心得

在开发过程中,不可避免地会遇到各种非核心问题,如上述的npm错误和警告。

这些问题虽然可能暂时阻碍你的进展,但它们通常不是项目的核心部分,所以不要纠结于定位到根本问题,能解决就行,这类问题通常也不具备什么技术含量,比如版本不一致导致的问题,完全不知道花时间研究。

处理这类问题的关键是找到快速有效的解决方法,以便尽快回到项目的主要任务上。

在遇到难题时,不要害怕寻求帮助或查阅官方文档和社区论坛,那里往往有丰富的资源可以帮助你找到解决方案。

  • 17
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: renren-fast-vue 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,它提供了许多常见的功能和组件,如表格、表单、图表、权限控制等,可以快速搭建一个完整的后台管理系统。该模板还提供了丰富的文档和示例代码,方便开发者学习使用。 ### 回答2: renren-fast-vue 是一个开源的基于 vue.js 和 element-ui 组件库搭建的后台管理系统框架使用 renren-fast-vue,可以快速搭建一个可扩展、易维护的后台管理系统,同也提供了丰富的常用组件和基础功能模块,以及完整的系统权限管理功能。 首先,renren-fast-vue 使用vue-cli 作为构建脚手架,支持使用 npm 和 yarn 进行依赖管理和构建命令的执行。 其次,renren-fast-vue 引用了大量常用的第三方组件库,括 element-ui 组件库、axios 网络请求库、vue-quill-editor 富文本编辑器等,这些组件都被集成到系统框架中,可以快速使用和定制。 此外,renren-fast-vue 还提供了丰富的基础功能模块,括用户管理模块、角色管理模块、菜单管理模块、字典管理模块、日志管理模块等。这些模块可以在项目中直接使用,也可以通过修改代码和添加自定义组件来定制化。 最重要的是,renren-fast-vue 提供了完整的系统权限管理功能,可以对系统用户进行权限管理,括菜单权限管理、角色权限管理、数据权限管理等。这为构建可扩展的后台管理系统提供了良好的基础。 总之,renren-fast-vue 是一个快速、可扩展、易维护的后台管理系统框架,具备了许多常用的组件、模块和系统权限管理功能,可以快速开发和定制化符合实际需求的后台管理系统。 ### 回答3: renren-fast-vue 是基于 Vue.js 和 Element-UI 搭建的后台管理系统的前端解决方案,与 renren-fast 后端框架搭配使用。该前端解决方案在页面布局、权限管理、路由管理、HTTP请求等方面进行了封装和优化,方便用户快速构建后台管理系统。 首先,在页面布局方面,renren-fast-vue 使用 Element-UI 的布局组件,提供了一套经典的左侧菜单栏 + 上方导航栏的页面布局,具备响应式适配和多级菜单项的支持,用户在使用只需填写对应的路由和菜单配置即可快速生成菜单栏和面屑导航。 其次,在权限管理方面,renren-fast-vue 提供了一套基于角色的权限控制方案。用户可以在后端框架 renren-fast 中定义角色和权限,并将其与前端 renren-fast-vue 中的菜单项和路由通过关联表进行关联。在运行,renren-fast-vue 会自动根据当前登录用户的角色信息判断其是否有权限访问对应的页面。这种基于角色的权限控制方案可以满足大部分企业后台管理系统的需求。 再次,在路由管理方面,renren-fast-vue 提供了一套路由配置方案,用户可以在路由配置文件中添加路由和菜单项的信息,renren-fast-vue 会根据路由配置文件自动注册路由、生成菜单项、并进行权限控制。在此基础上,还提供了一套嵌套路由的配置方案,方便用户进行多级页面嵌套和页面切换。 最后,在 HTTP请求方面,renren-fast-vue 封装了 Axios 请求库,提供了一套 HTTP请求的封装方案,方便用户进行 GET、POST、PUT、DELETE等请求,用户只需在对应的 API模块中定义请求方法,在组件中调用即可。 renren-fast-vue 还通过 Axios 的拦截器机制,对请求进行了统一的错误处理和登录超判断,避免了重复代码编写和请求安全问题。 综上所述,renren-fast-vue 是一套优秀的基于 Vue.js 的后台管理系统前端解决方案,具有完善的页面布局、权限管理、路由管理和HTTP请求封装等功能。通过使用 renren-fast-vue,用户可以快速、高效地构建企业级后台管理系统。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小手追梦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值