当前位置: 首页 > news >正文

解决 NestJS 中热重载与实体类自动导入不能兼容的问题

🚀 解决 NestJS 中热重载与实体类自动导入不能兼容的问题

作为一名前端转后端的个人开发者,最近在用 NestJS + TypeORM 开发一个中型项目。开发过程中我希望实现以下两点:

  1. 开发时能热重载代码改动,不影响数据库连接与状态
  2. 不想每加一个实体类就手动 import 到配置里,希望实体类能自动导入

本来以为这两个诉求是理所当然的,结果——它们竟然冲突了。


❗️问题初现:热重载可以用,自动导入也可以用,但不能一起用?

在我用 npm run start:dev 启动时,使用了如下配置来自动导入实体类:

TypeOrmModule.forRoot({entities: [__dirname + '/**/*.entity.{ts,js}'],
});

这在开发中确实好用,每次新增一个实体类都不需要配置就能被加载。但当我想使用 Webpack HMR(Hot Module Replacement)来提升开发体验,发现一个问题:

✅ 热重载可以用
✅ 自动导入也可以用
❌ 但两者不能同时使用


🔍 深入调研:为啥通配符导入在 HMR 下失效?

这个问题的根源在于:

  • entities: [__dirname + '/**/*.entity.js'] 这种写法依赖文件系统的真实路径
  • 但 Webpack 构建时会打包成 bundle,文件系统中不再存在每个独立文件
  • 因此 TypeORM 在运行时 无法读取通配符路径对应的实体类

换句话说,Webpack 编译后的 Nest 应用已经不再有文件路径这个概念了,自然也就不能根据路径去扫描实体。


✅ 正统解决方案:手动导入实体类

如果你坚持要用 Webpack + HMR,那么推荐的方式就是手动导入每个实体:

import { User } from './user/user.entity';
import { Post } from './post/post.entity';TypeOrmModule.forRoot({entities: [User, Post],
});

但问题也很明显:每次新增实体类都要维护这个列表,久而久之容易出错,也影响效率。


🔧 自定义解决方案:动态实体加载器(兼容 Webpack HMR)

为了兼顾 自动导入实体Webpack HMR 的运行方式,我写了一个辅助工具函数,通过 fsrequire 来扫描 dist 目录下所有 .entity.js 文件,并动态加载它们:

这个方案源自我的导师CoderWhy,如果想深入了解,可以参考他的Node.js系统课程。课程中关于Koa2框架的自动化路由导入部分对此有详细讲解。

📦 load-entities.ts

import * as fs from 'fs';
import * as path from 'path';export function loadEntities(entitiesPath: string): Function[] {const entities: Function[] = [];const files = fs.readdirSync(entitiesPath);for (const file of files) {const fullPath = path.join(entitiesPath, file);if (fs.statSync(fullPath).isDirectory()) {entities.push(...loadEntities(fullPath)); // 递归处理子目录} else if (file.endsWith('.entity.js')) {const moduleExports = require(fullPath);for (const exported of Object.values(moduleExports)) {if (typeof exported === 'function') {entities.push(exported);}}}}return entities;
}

👇 在 AppModule 中使用

import { loadEntities } from './utils/load-entities';
import * as path from 'path';const entities = loadEntities(path.join(__dirname, 'modules'));TypeOrmModule.forRoot({entities,// 其他配置...
});

现在你不需要手动写实体列表,也不依赖通配符,甚至可以配合 Webpack 的真·HMR 功能,达到了兼顾效率和体验的目标。


📋 总结对比:三种方案横评

方案是否支持自动导入是否支持 HMR是否依赖真实文件路径适用场景
通配符导入 [__dirname + '/**/*.entity.ts']开发时使用 start:dev 启动
手动导入 [User, Post]Webpack + HMR 场景
动态导入 loadEntities()编译后以 Node 原生方式运行

✅ 最佳实践推荐

环境建议配置方式
开发阶段(简单、快速)使用 start:dev + 通配符导入
高级开发阶段(需要真·HMR)Webpack HMR + loadEntities()
生产阶段不使用通配符,使用 loadEntities() 或手动导入

🧠 最后的话

框架提供的功能大多是为主流用法服务的,但当我们对性能或开发体验有更进一步的要求时,就需要了解它背后的机制。

这次对 NestJS 中热重载与实体导入冲突的调试经历让我深刻体会到,“框架用得熟” 和 “框架理解透” 是两回事。

希望这篇文章也能帮你少踩一个坑。


如果你觉得有用,欢迎留言交流!👋
也可以关注我,我后续还会分享更多关于 NestJS、前后端整合的经验。

—— CoderJoon 创作;
—— 经 OpenAI 整理;
—— 灵感源自恩师 CoderWhy;

相关文章:

  • Ajax(Asynchronous JavaScript and XML)
  • 【连接器专题】 EIA-364 系列标准的完整列表
  • Vue之使用Vue-cli创建Webpack工程化项目
  • JavaScript 中对数组进行去重
  • craw4ai 抓取实时信息,与 mt4外行行情结合实时交易,基本面来觉得趋势方向,搞一个外汇交易策略
  • 每日Prompt:心中的佛
  • js 手写promise
  • 从解决一个分享图片生成的历史bug出发,详解LayoutInflater和View.post的工作原理
  • Golang | 搜索哨兵-对接分布式gRPC服务
  • 【Prompt Engineering】摸索出的一些小套路
  • 【mysql】-5 索引
  • C++智能指针用法及内存管理
  • Jenkins+Docker 实现一键自动化部署项目
  • Laravel单元测试使用示例
  • Git 使用规范
  • 【 java 基础问题 第二篇 】
  • 学习threejs,超炫银河黑洞效果模拟
  • 初识Docker:容器化技术的入门指南
  • 180 度 = π 弧度
  • [网页五子棋][匹配模块]前后端交互接口(消息推送机制)、客户端开发(匹配页面、匹配功能)
  • 网站建设常识/百度外包公司有哪些
  • 魔域永恒网页游戏/广安seo外包
  • 网页的制作教程/网站seo视频教程
  • 兰溪网站建设学徒/互联网营销师考证多少钱
  • 网页制作及网站建设/搜索广告和信息流广告区别
  • 怎么做网站动态框/今日头条搜索引擎