首页 > 解决方案 > Angular 多个文件相互导入函数 - 循环依赖

问题描述

我有两个可以互相调用的函数。虽然我可以将它们放在同一个文件中,但我会遇到命名冲突(这都是生成的代码),所以我想将它们分开。不幸的是,我得到一个循环依赖错误。

import { myFuncTwo } from './my-func-two';

export function myFuncOne(){
    ...
    myFuncTwo(...);
    ...
}
import { myFuncOne } from './my-func-one';

export function myFuncTwo(){
    ...
    myFuncOne(...);
    ...
}

所以我的问题是,有什么我可以说忽略这个吗?还有什么我可以尝试的吗?虽然我可以将它们生成到这样的单个文件中:

export function myFuncOne(){
    ...
    myFuncTwo(...);
    ...
}
export function myFuncTwo(){
    ...
    myFuncOne(...);
    ...
}

我宁愿不做这种改变,因为将它们分开是理想的。我有 1000 个这样的代码,修改生成的代码可能会引入其他错误。

我不想关闭它,WARNING in Circular dependency detected:因为它可能仍然有用,但我不确定如何处理这种情况。

我可以拥有执行此类操作且不显示警告但不具有看起来的功能的接口。

标签: angulartypescript

解决方案


推荐阅读