如何在TypeScript中使用Express Router？——旧项目迁移TS时子文件路由无法识别的问题求助

看起来你在子路由的写法上踩了两个常见坑：循环依赖和错误复用主路由实例，咱们一步步来修正：

问题根源 #

你的content.ts直接导入了app.ts里的router，这会造成模块循环引用（app导入content，content又导入app），Node.js/TypeScript处理这种情况时会导致模块加载异常，路由自然无法正常识别。而且子路由应该是独立的Router实例，不应该和主路由混用。

修正后的代码示例 #

1. 主路由文件 app.ts #

保持主路由的挂载逻辑，同时确保子路由是各自独立的Router实例（另外你原来的代码漏了把主路由挂载到app上的关键步骤）：

import express from "express";
const app = express();
// 导入子路由（这里导入的是子路由自己的Router实例）
import contentRouter from "./routes/content";
import blogRouter from "./routes/blog";

const router = express.Router();

// 挂载子路由到指定前缀路径
router.use("/content", contentRouter);
router.use("/blog", blogRouter);

// 将主路由挂载到app核心实例
app.use(router);

// 启动服务
app.listen(3000, () => {
  console.log("Server running on port 3000");
});

export = router;

2. 子路由文件 ./routes/content.ts #

为当前子路由创建独立的Router实例，自主管理内部路由路径：

import express from "express";
// 为当前子路由模块创建专属的Router实例
const router = express.Router();

// 这里的"/"对应主路由挂载的"/content"前缀，实际访问路径为 /content/
router.get("/", (req, res) => {
  res.send("Hello World!");
});

// 还可以添加更多子路由，比如访问路径为 /content/detail
router.get("/detail", (req, res) => {
  res.send("Content detail page");
});

export default router;

关键注意点 #

• 每个子路由模块都要创建自己的express.Router()实例，不要复用主路由或其他模块的Router
• 彻底避免循环依赖：子路由模块只需要导出自己的Router，不要导入主app或主路由
• 主路由通过router.use("/前缀路径", 子路由实例)完成挂载，子路由内部的路径会自动和前缀拼接

这样修改后，你的子路由就能正常被识别和访问了。

内容的提问来源于stack exchange，提问作者Vikash Rathee