接口测试之基于SaaS平台的iHRM项目的前端部署配置(踩坑版)

基于SaaS平台的iHRM项目的前端部署配置

关于部署可以参考基于SaaS平台的iHRM项目的前端部署教程博客
但本人在参考配置的过程中遇到了很多问题…于是写下这篇博客

下载安装node.js

可以访问https://nodejs.org/en下载安装
但可能有时候会出现版本兼容性问题(本人采用最高版本配置时配置不上)
于是可以在这个网址https://nodejs.org/en/download/releases里面去下载旧版本
这里我下载的是如下版本
在这里插入图片描述
然后下载对应windows系统的.msi文件
在这里插入图片描述
下载完成之后,双击进行安装,一直next就可以了。
安装完成之后,可以在终端查看安装的版本
在这里插入图片描述

3.从Git上下载项目

按照基于SaaS平台的iHRM项目的前端部署教程博客中的方法
打开https://github.com/Han-YLun/SaaS_IHRM_Vue,将项目下载下来
然后导入到编译器中,选择VsCode
但采用以下这种方式我一直安装不上
在这里插入图片描述

这里给出改进方法

安装依赖包的改进方法

首先保证下载下来的项目中没有 node_modules文件夹

在这里插入图片描述

可以参考这篇文章https://blog.csdn.net/melody4923/article/details/124269502,对node进行配置

在安装之前 以管理员身份打开终端
在终端运行

npm install --global --production windows-build-tools

然后在VsCode中打开Terminal

 npm install
 npm install -g node-gyp
 npm rebuild node-sass
 npm install --save mockjs

在这里插入图片描述

然后执行

npm run dev

在这里插入图片描述
直到成功!!
在这里插入图片描述

在整个过程中我好像没有使用到cnpm,但我也安装了,不知道cnpm对整个过程有没有影响。

安装的方法是必须要先安装cnpm

 npm install -g cnpm@7.1.0   
 cnpm -v

在这里插入图片描述
安装好cnpm之后 ,才能执行下面的操作

 cnpm install -g mockjs

在这里插入图片描述

总结:
1.遇到的问题还可以参考这篇https://blog.csdn.net/weixin_45056141/article/details/125659593博客,也可以解决很多部署不上的问题。
2.如果配置不上,在每次重新尝试的时候,即每次开始npm install时,都要先保证目录里面没有 node_modules文件夹,每次执行之前先删除。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值