day6 nest商业项目初探·二(java转ts全栈/3R教室)

2024-04-10 14:28

本文主要是介绍day6 nest商业项目初探·二(java转ts全栈/3R教室),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  • 背景:今天看3r教室开放的这个项目 【美国 | 3.6w】TS全栈:Goflashdeals代购返利网站 (2022.09) - 3R酷 | 爱自由,不打工!一个属于3R会员的社区 (3rku.com)
  • 省流:web程序起来了,admin没起来,学到了node版本切换的技巧

  • 项目结构同上一个:web前端,api后端,admin后台

  • 前端启动:单独启动前端还是起不来,得先启后端,env配置上后端接口地址。
    1711892462293.png

  • 后端启动:具体是什么启动指令还得看package.json,有run dev的,也有 start:dev的

  • 启动报错1:没用过的引入也报错?检查这么严格?注释掉吧
    1711892833657.png

  • 后端配置:这里遇到一个坑,数据库和redis配置在env的里面并不全,于是我在config文件里配置了,启动连接远程数据库却一直报错Access denied,反复检查ip密码没问题,于是怀疑是网络安全策略之类的问题,折腾半天。(其实是env里面的密码忘改了,我检查的是config文件里的代码,但一直用的env里面的密码
    在这里插入图片描述1711895817947.png

  • 为了验证是否是网络安全限制导致的问题,专门本地还建了一个mysql,Windows10 MYSQL Installer 安装(mysql-installer-community-5.7.19.0.msi) | 菜鸟教程 (runoob.com)

    • 注意:因为程序在wsl环境中,相当于对外访问win上的mysql,需要吧root网络限制放开,默认是localhost,不然会报错 not allowed to connect
      1711950815359.png
  • 数据库初始化:这个也没数据库初始化脚本,通过数据迁移命令pnpm cli dbmr 3R编码 | 数据迁移功能的实现 (wangc.site)

  • 迁移后启动成功(控制台输出有点问题,env里的APP_URL也要改下)
    1712033325467.png

  • 再启动前端:Hydration若干个相关错误,看起来比较难;还有个403的错误,没能解决(这是nest项目特有的报错方式吧,直接报错到页面上了,应该是dev启动,方便调试问题的)

    • 但是堆栈信息看不懂,没法定位代码?按照java来说按图索骥就能找到问题代码,这个全报的是node_moudle依赖里的错误?又没办法改吧?
      1712039780180.png
  • 但也不一定影响项目运行?不用dev启动了,直接build之后start,倒是不报错了,但这样子没图片呀?可能是没数据吧,接下来再启动admin管理端,添加下数据试试吧
    1712042269957.png

  • admin管理端启动:配置下参数,install显示node要用16的,用pnpm env use --global 16.10.8 启动后还是这个错误?
    在这里插入图片描述

  • node版本切换:检查了下node版本并没有切换成功?用nvm的方式试试吧
    在这里插入图片描述

  • linux 上使用 nvm - 知乎 (zhihu.com) 按照nvm方式试试,主义得先把之前安装的node给删掉, 不然也没法切换成功,一直是之前的node版本(因为配置环境变量了),成功谢欢到16之后,发现pnpm的版本又和node不匹配了。。
    在这里插入图片描述

  • 继续切换pnpm的版本 pnpm 版本切换 - lessfish - 博客园 (cnblogs.com)

  • 然后dev启动,发现还有报错 【goflash】admin项目启动失败 - 3R酷 | 爱自由,不打工!一个属于3R会员的社区 (3rku.com)

  • (http://wangc.site/noteImages/1712047207190.png)
    在这里插入图片描述
    1712052274044.png

  • 试了一些方法后,install成功了,启动又报其他错。。
    在这里插入图片描述

  • 卸载webpack,重装了好几次。又提示什么加密算法出现错误goflash-admin启动报错 - 3R酷 | 爱自由,不打工!一个属于3R会员的社区 (3rku.com)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 启动了,但还是报错,加载不出来。。。放弃了再换个项目吧
    在这里插入图片描述

  • 另外,其中因为一直install了很多次,wsl空间涨的特别厉害,并且删除了也没有释放,导致c盘满了。。。于是放到其他盘了 WSL迁移到D/E盘(共需六步完成)_wsl移动到d盘-CSDN博客;

    • linux - 解决删除文件后 WSL2 磁盘空间不释放的问题 - 麻瓜の魔法 - SegmentFault 思否

这篇关于day6 nest商业项目初探·二(java转ts全栈/3R教室)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/891314

相关文章

在Ubuntu上部署SpringBoot应用的操作步骤

《在Ubuntu上部署SpringBoot应用的操作步骤》随着云计算和容器化技术的普及,Linux服务器已成为部署Web应用程序的主流平台之一,Java作为一种跨平台的编程语言,具有广泛的应用场景,本... 目录一、部署准备二、安装 Java 环境1. 安装 JDK2. 验证 Java 安装三、安装 mys

Springboot的ThreadPoolTaskScheduler线程池轻松搞定15分钟不操作自动取消订单

《Springboot的ThreadPoolTaskScheduler线程池轻松搞定15分钟不操作自动取消订单》:本文主要介绍Springboot的ThreadPoolTaskScheduler线... 目录ThreadPoolTaskScheduler线程池实现15分钟不操作自动取消订单概要1,创建订单后

JAVA中整型数组、字符串数组、整型数和字符串 的创建与转换的方法

《JAVA中整型数组、字符串数组、整型数和字符串的创建与转换的方法》本文介绍了Java中字符串、字符数组和整型数组的创建方法,以及它们之间的转换方法,还详细讲解了字符串中的一些常用方法,如index... 目录一、字符串、字符数组和整型数组的创建1、字符串的创建方法1.1 通过引用字符数组来创建字符串1.2

SpringCloud集成AlloyDB的示例代码

《SpringCloud集成AlloyDB的示例代码》AlloyDB是GoogleCloud提供的一种高度可扩展、强性能的关系型数据库服务,它兼容PostgreSQL,并提供了更快的查询性能... 目录1.AlloyDBjavascript是什么?AlloyDB 的工作原理2.搭建测试环境3.代码工程1.

Java调用Python代码的几种方法小结

《Java调用Python代码的几种方法小结》Python语言有丰富的系统管理、数据处理、统计类软件包,因此从java应用中调用Python代码的需求很常见、实用,本文介绍几种方法从java调用Pyt... 目录引言Java core使用ProcessBuilder使用Java脚本引擎总结引言python

SpringBoot操作spark处理hdfs文件的操作方法

《SpringBoot操作spark处理hdfs文件的操作方法》本文介绍了如何使用SpringBoot操作Spark处理HDFS文件,包括导入依赖、配置Spark信息、编写Controller和Ser... 目录SpringBoot操作spark处理hdfs文件1、导入依赖2、配置spark信息3、cont

springboot整合 xxl-job及使用步骤

《springboot整合xxl-job及使用步骤》XXL-JOB是一个分布式任务调度平台,用于解决分布式系统中的任务调度和管理问题,文章详细介绍了XXL-JOB的架构,包括调度中心、执行器和Web... 目录一、xxl-job是什么二、使用步骤1. 下载并运行管理端代码2. 访问管理页面,确认是否启动成功

Java中的密码加密方式

《Java中的密码加密方式》文章介绍了Java中使用MD5算法对密码进行加密的方法,以及如何通过加盐和多重加密来提高密码的安全性,MD5是一种不可逆的哈希算法,适合用于存储密码,因为其输出的摘要长度固... 目录Java的密码加密方式密码加密一般的应用方式是总结Java的密码加密方式密码加密【这里采用的

Java中ArrayList的8种浅拷贝方式示例代码

《Java中ArrayList的8种浅拷贝方式示例代码》:本文主要介绍Java中ArrayList的8种浅拷贝方式的相关资料,讲解了Java中ArrayList的浅拷贝概念,并详细分享了八种实现浅... 目录引言什么是浅拷贝?ArrayList 浅拷贝的重要性方法一:使用构造函数方法二:使用 addAll(

解决mybatis-plus-boot-starter与mybatis-spring-boot-starter的错误问题

《解决mybatis-plus-boot-starter与mybatis-spring-boot-starter的错误问题》本文主要讲述了在使用MyBatis和MyBatis-Plus时遇到的绑定异常... 目录myBATis-plus-boot-starpythonter与mybatis-spring-b