如何解决如何在stenciljs组件中将接口类型用作@Prop类型?
我有一个这样的界面:
export default interface PostRecord{
...
}
和这样的模板js组件:
export class Container implements ComponentInterface {
@prop record: PostRecord;
...
}
正确导入PostRecord。 然后打字稿编译器抱怨:
[ ERROR ] TypeScript: ./src/components.d.ts:29:19
[0] Cannot find name 'PostRecord'.
[0]
[0] L28: "active": boolean;
[0] L29: "record": PostRecord;
[0] L30: }
是否可以将接口类型用作属性类型或图片有什么问题?
- @ stencil / core”:“ 1.16.2”
感谢您的帮助。 鲁兹
解决方法
我认为问题在于您在接口上使用默认导出。您应该尝试切换到命名导出,即。 e。
export interface PostRecord {
// ...
}
然后将其导入为
import { PostRecord } from './post-record';
(而不是import PostRecord from './post-record';
)。
否则,模板将无法确定导出接口的位置,因为无法按名称查找接口。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。