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

2024-04-10 14:28
文章标签 java 项目 初探 ts 全栈 商业 nest day6 教室 3r

本文主要是介绍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。

相关文章

Java五子棋之坐标校正

Java五子棋之坐标校正

上篇针对了Java项目中的解构思维，在这篇内容中我们不妨从整体项目中拆解拿出一个非常重要的五子棋逻辑实现：坐标校正，我们如何使漫无目的鼠标点击变得有序化和可控化呢？ 目录 一、从鼠标监听到获取坐标 1.MouseListener和MouseAdapter 2.mousePressed方法 二、坐标校正的具体实现方法 1.关于fillOval方法 2.坐标获取 3.坐标转换 4.坐
阅读更多...
Spring Cloud：构建分布式系统的利器

Spring Cloud：构建分布式系统的利器

引言 在当今的云计算和微服务架构时代，构建高效、可靠的分布式系统成为软件开发的重要任务。Spring Cloud 提供了一套完整的解决方案，帮助开发者快速构建分布式系统中的一些常见模式（例如配置管理、服务发现、断路器等）。本文将探讨 Spring Cloud 的定义、核心组件、应用场景以及未来的发展趋势。 什么是 Spring Cloud Spring Cloud 是一个基于 Spring
阅读更多...
Javascript高级程序设计(第四版)--学习记录之变量、内存

Javascript高级程序设计(第四版)--学习记录之变量、内存

原始值与引用值 原始值：简单的数据即基础数据类型，按值访问。 引用值：由多个值构成的对象即复杂数据类型，按引用访问。 动态属性 对于引用值而言，可以随时添加、修改和删除其属性和方法。 let person = new Object();person.name = 'Jason';person.age = 42;console.log(person.name,person.age);//'J
阅读更多...
java8的新特性之一（Java Lambda表达式）

java8的新特性之一（Java Lambda表达式）

1：Java8的新特性 Lambda 表达式： 允许以更简洁的方式表示匿名函数（或称为闭包）。可以将Lambda表达式作为参数传递给方法或赋值给函数式接口类型的变量。 Stream API： 提供了一种处理集合数据的流式处理方式，支持函数式编程风格。 允许以声明性方式处理数据集合（如List、Set等）。提供了一系列操作，如map、filter、reduce等，以支持复杂的查询和转
阅读更多...
用Microsoft.Extensions.Hosting 管理WPF项目.

用Microsoft.Extensions.Hosting 管理WPF项目.

首先引入必要的包: <ItemGroup><PackageReference Include="CommunityToolkit.Mvvm" Version="8.2.2" /><PackageReference Include="Microsoft.Extensions.Hosting" Version="8.0.0" /><PackageReference Include="Serilog
阅读更多...
Java面试八股之怎么通过Java程序判断JVM是32位还是64位

Java面试八股之怎么通过Java程序判断JVM是32位还是64位

怎么通过Java程序判断JVM是32位还是64位 可以通过Java程序内部检查系统属性来判断当前运行的JVM是32位还是64位。以下是一个简单的方法： public class JvmBitCheck {public static void main(String[] args) {String arch = System.getProperty("os.arch");String dataM
阅读更多...
详细分析Springmvc中的@ModelAttribute基本知识（附Demo）

详细分析Springmvc中的@ModelAttribute基本知识（附Demo）

目录 前言1. 注解用法1.1 方法参数1.2 方法1.3 类 2. 注解场景2.1 表单参数2.2 AJAX请求2.3 文件上传 3. 实战4. 总结 前言 将请求参数绑定到模型对象上，或者在请求处理之前添加模型属性 可以在方法参数、方法或者类上使用 一般适用这几种场景： 表单处理：通过 @ModelAttribute 将表单数据绑定到模型对象上预处理逻辑：在请求处理之前
阅读更多...
eclipse运行springboot项目，找不到主类

eclipse运行springboot项目，找不到主类

解决办法尝试了很多种，下载sts压缩包行不通。最后解决办法如图： help--->Eclipse Marketplace--->Popular--->找到Spring Tools 3---->Installed。
阅读更多...
JAVA读取MongoDB中的二进制图片并显示在页面上

JAVA读取MongoDB中的二进制图片并显示在页面上

1：Jsp页面： <td><img src="${ctx}/mongoImg/show"></td> 2：xml配置： <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001
阅读更多...
Java面试题：通过实例说明内连接、左外连接和右外连接的区别

Java面试题：通过实例说明内连接、左外连接和右外连接的区别

在 SQL 中，连接（JOIN）用于在多个表之间组合行。最常用的连接类型是内连接（INNER JOIN）、左外连接（LEFT OUTER JOIN）和右外连接（RIGHT OUTER JOIN）。它们的主要区别在于它们如何处理表之间的匹配和不匹配行。下面是每种连接的详细说明和示例。 表示例 假设有两个表：Customers 和 Orders。 Customers CustomerIDCus
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2