Typescript＆Express：将多个路由从单个index.ts文件导出到前缀为“ / api / v1”的文件

Question

I am trying to tidy up my routes. I would like to have 1 file,index.ts, to export all my routes from. I have seen something similar done in plain JavaScript but not sure on the syntax in typescript.

The error I get is: TypeError: Router.use() requires a middleware function but got a Object

(old but works)BaseRoutes.ts

import * as express from 'express';
import {PostRoutes} from '../PostRoutes';
import {CspRoutes} from '../CspRoutes';
import {CustomerPreferenceRoutes} from '../CustomerPreferenceRoutes';
import { SalesOrderRoutes } from '../SalesOrderRoutes';
let app = express();
const BASE_API: string = '/api/v2';
class BaseRoutes{
    get routes(){
        app.use(BASE_API, new PostRoutes().routes);
        app.use(BASE_API, new CspRoutes().routes);
        app.use(BASE_API, new CustomerPreferenceRoutes().routes);
        app.use(BASE_API, new SalesOrderRoutes().routes);
        return app;
    }
}
export {BaseRoutes}

(new does not work)BaseRoutes.ts

import * as express from 'express';

let routes = require('../index');
let app = express();
const BASE_API: string = '/api/v2';

class BaseRoutes{
    get routes(){
        app.use(BASE_API,routes);
        return app;
    }
}
export {BaseRoutes}

PostRoutes.ts

import * as express from 'express';
import {PostController} from '../../controllers/PostController'

let router = express.Router();

class PostRoutes{
    private _postController:PostController;
    constructor(){
        this._postController = new PostController();
    }
    get routes(){
        let controller = this._postController
        router.get('/posts',controller.retrieve)
        router.get('/posts/:_id',controller.findById)
        return router;
    }
}
export{PostRoutes};

index.ts

export * from './PostRoutes';
export * from './SalesOrderRoutes';

Answer 1

It is because you messed up your imports.

export * from './PostRoutes';
export * from './SalesOrderRoutes';

You are re-exporting all the exports from PostRoutes and SalesOrderRoutes etc. , so when you finally import it in BaseRoutes , you actually import all the constructors you exported in each route.

What you want to do is:

import { PostRoutes, SalesOrderRoutes } from '../index';

And then use() each route explicitly.

Edit: You can read more about Typescript modules and Javascript modules

---