How to detect circular dependency in Typescript

2.4k views Asked by At

The code below has a circular dependency issue. A -> B -> A

Reproducible problem:

/a.ts

import {B} from './b';
import { Service } from './test';
@Service
export class A {
    static id = 'A'

    constructor(b: B) {
    }
}

/b.ts

import {A} from './a';
import { Service } from './test';
@Service
export class B {
    static id = 'B'
    constructor(a: A) {
    }
}

/test.ts

export function Service(target: any) {
// purposefully empty 
}

/index.ts

import 'reflect-metadata'
import {A} from './a'
import {B} from './b'

const paramTypesA = Reflect.getMetadata('design:paramtypes', A);
const paramTypesB = Reflect.getMetadata('design:paramtypes', B);


console.log('paramTypesA is', paramTypesA)
console.log('paramTypesB is', paramTypesB)

Expected output

paramTypesA is [ [Function: B] { id: 'B' } ]
paramTypesA is [ [Function: A] { id: 'A' } ]

Actual output

paramTypesA is [ [Function: B] { id: 'B' } ]
paramTypesB is [ undefined ]

Question: How to achieve the expected output

The goal is to detect circular dependency. But we also want to know what parameter exactly causes the circular dependency.

If reflect-metadata only output undefined, it is impossible to know which parameter provokes the circular dependency.

I already checked Detecting circular dependencies in TypeScript but this didn't help

0

There are 0 answers