VS Code 修复库的导入路径

问题描述

我创建了一个简单的 Angular 库(打包并发布到公司内部的 npm 存储库)。在我的库中,我还导出了在库组件中使用的模型,例如:

export class AdsToolbarMenuItem {
    iconName: string;
    label: string;
    enabled: boolean = true;
    menuAction: () => void;

    constructor(init?: Partial<AdsToolbarMenuItem>) {
        Object.assign(this,init);
    }
}

然后,为了导出它们,我将它们包含在 index.ts 中,如下所示:

export * from './lib/angular-components.module';
export * from './lib/models/AdsToolbarMenuItem';
export * from './lib/models/AdsToolbarMainActionItem';
export * from './lib/models/ContactBox';

现在的问题是,一旦我想在常规项目中使用任何模型(我在其中安装了这个包),Visual Studio Code 会建议模型的两个不同导入路径,如图像上可见:

enter image description here

问题是,如果我选择第二个选项(更长的选项),angular 编译器会失败并说它无法解析我的模型(即使路径是正确的)。如果我想成功使用这个项目,我必须使用第一个链接

现在我的问题是,如何更改 index.ts 文件的方式,以便使用我的包的人在 Visual Studio 代码中只会出现一个导入路径(正确的)?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)