renren-fast-vue 启动过程踩坑记录以及最终解决 最新2023

 最近在做一个微信/支付宝 支付开发的商城项目,准备用人人开源https://gitee.com/renrenio快速搭建好前后端分离的框架,在使用前端vue遇到了npm install安装的问题,查阅了大部分博客资料发现都是2020或2021年左右的博客,而且解决方案都没啥大用处,最后还是自己琢磨弄好了。
 

人人开源推荐的而Node.js版本是10或者12或者14,但是Node.js更新速度也很快,已经更新到了18+的版本了,最新版本出现的问题很多,不推荐使用最新版本,这里笔者就给大家分享一下我的解决办法,花了一天多查阅怎么搞,各种版本下载回来又删除,不断调试,配置环境真的很劝退<(

1.安装

首先Nodejs推荐使用12或者14版本,刚开始我下载了18和16,但是总是出问题,最后我下载使用的是12.22.12版本,14版本也可以按照我下面的步骤操作,下载历史版本的链接如下:

https://nodejs.org/en/download/releases/   

具体的Nodejs下载教程以及环境配置参考:Nodejs安装教程

安装完成以后先打开控制台win+r+输入cmd,然后输入下面的指令

node -v

 出现版本号说明下载成功

 接下来设置淘宝镜像仓库地址,在cmd中继续输入如下指令:

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

 2.修改package.json文件

文件在renren-fast-vue-master目录下

我用VScode打开,然后在第27行修改 "node-sass": "^4.14.1", 【 node12对应的sass版本是4.14 】

如果使用node其他版本参考下图:https://www.npmjs.com/package/node-sass

 然后清理缓存,输入如下指令

npm rebuild node-sass
npm uninstall node-sass

 3.下载nod-sass

从淘宝镜像把 nod-sass 下载下来,然后再进行编译:

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

然后通过cmd进入到renren-fast-vue-master文件目录下执行如下命令:

安装项目所有的依赖
npm install 
npm run dev 

 大功告成!希望能帮各位排坑吧。

  • 17
    点赞
  • 44
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
### 回答1: renren-fast-vue 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,用于快速开发企业级管理系统。要部署 renren-fast-vue,您需要按照以下步骤进行操作: 1. 克隆 renren-fast-vue 代码库到本地。 2. 安装 Node.js 和 npm。 3. 在命令行中进入 renren-fast-vue 项目目录,运行 npm install 命令安装依赖。 4. 修改 config/index.js 文件中的 dev 和 prod 环境的 API 地址,使其指向您的后端服务地址。 5. 运行 npm run dev 命令启动开发服务器,或者运行 npm run build 命令构建生产环境代码。 6. 将生成的 dist 目录中的文件上传到您的 Web 服务器上,即可完成部署。 以上是 renren-fast-vue 部署的基本步骤,具体操作可能会因环境和需求而有所不同。如果您遇到任何问题,可以参考 renren-fast-vue 的文档或者向社区寻求帮助。 ### 回答2: renren-fast-vue 是一款基于 Vue.js 和 SpringBoot 的前后端分离快速开发平台,在进行部署时需要进行以下步骤: 1. 服务器环境搭建:需要安装 JDK、Maven、Nginx 等工具。 2. 下载源码:可以通过 GitHub 下载 renren-fast-vue 的源码,并且可以根据具体需要进行个性化的定制。 3. 配置数据库:可以在 application.yml 文件中,填写数据库配置信息,支持 MySQL、Oracle、SQL Server 等多种数据库。 4. 打包部署:可以通过 Maven 将前后端代码打包为一个 WAR 包,并且可以将其通过 Tomcat、Jetty 等 Web 服务器进行部署。 5. 配置反向代理:可以通过 Nginx 进行部署,将 HTTP 请求转发到后端的接口,这样可以提高系统的稳定性和安全性。 6. 配置域名和SSL:可以通过购买域名和 SSL 证书,并且将其配置到 Nginx 上,以保证系统的正常运行。 7. 配置缓存和负载均衡:可以通过 Redis 缓存和负载均衡器等技术,来提高系统的性能和可用性。 总之,在进行 renren-fast-vue 的部署时,需要进行全面的准备工作,并且要考虑到所有的细节,以确保系统的顺利运行。同时,也需要持续进行监控和维护,以保证系统的稳定性和安全性。 ### 回答3: renren-fast-vue 是一个基于 Vue.js 技术栈的前后端分离的开发框架,提供了快速搭建前后端分离的基本架构和多种组件库、工具库、UI 库等等。如果你想要部署 renren-fast-vue,可以按照以下步骤进行。 首先,你需要确保你的电脑上已经安装了 Node.js,可以在命令行窗口中输入 node -v 命令,如果输出版本信息就证明已经安装成功了。 接着,你需要将 renren-fast-vue 的源代码从 Github 上克隆到本地电脑上。可以在命令行窗口中输入以下命令: ```bash git clone https://github.com/renrenio/renren-fast-vue.git ``` 克隆完成之后,进入 renren-fast-vue 目录,输入以下命令安装依赖: ```bash cd renren-fast-vue npm install ``` 安装依赖完成后,你可以运行以下命令启动前端页面: ```bash npm run dev ``` 此时,你可以在浏览器中访问 http://localhost:8000,就可以看到 renren-fast-vue前端页面了。 如果你想要部署后端,需要在 renren-fast-vue 目录下找到 renren-generator 目录,运行以下命令生成代码: ```bash npm run gen src/server.java ``` 这条命令会在 src 目录下生成 server.java 文件,你需要用一个 Java IDE 打开这个文件,运行 main 方法启动后端服务器。 以上就是部署 renren-fast-vue 的基本步骤,如果你想要进一步优化和部署,可以参考官方文档或者通过搜索引擎和开发社区获取更多的技巧和经验。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值