Typescript Vue2-将外部第三方组件用作子组件

Typescript Vue2-将外部第三方组件用作子组件,typescript,vuejs2,vue-component,webstorm,vue-composition-api,Typescript,Vuejs2,Vue Component,Webstorm,Vue Composition Api,我的项目加载第三方脚本,该脚本还添加了一个名为icon的组件。这些第三方脚本不在我的控制范围内,由网站所有者加载,我也无法控制 话虽如此,就功能而言,它工作起来没有任何问题,唯一的问题是IDE无法正确解释该组件,那么我的选择是什么 从'@vue/compositionapi'导入{defineComponent}; 导出默认定义组件({ 名称:“SomeComponent”, // ... }); IDE输出: 我怎样才能正确地将其映射到IDE,而不让编译器发疯?我已经试过了,但显然我

我的项目加载第三方脚本,该脚本还添加了一个名为
icon
的组件。这些第三方脚本不在我的控制范围内,由网站所有者加载,我也无法控制

话虽如此,就功能而言,它工作起来没有任何问题,唯一的问题是IDE无法正确解释该组件,那么我的选择是什么



从'@vue/compositionapi'导入{defineComponent};
导出默认定义组件({
名称:“SomeComponent”,
// ...
});
IDE输出:

我怎样才能正确地将其映射到IDE,而不让编译器发疯?我已经试过了,但显然我不知道如何才能做到这一点:


从'@vue/compositionapi'导入{defineComponent};
界面图标{
加载:布尔;
}
导出默认定义组件({
名称:“SomeComponent”,
组成部分:{
“图标”:图标
},
// ...
});
ERROR in /path/to/SomeComponent.vue(xx,xx):
xx:xx 'Icon' only refers to a type, but is being used as a value here.
    xx |   },
    xx |   components: {
  > xx |     'icon': Icon
       |             ^
    xx |   },