[英]Type alias 'Permission' circularly references itself
I am defining a type for my Permissions object which is:我正在为我的权限 object 定义一个类型,即:
const Permissions = {
PageManagement: {
MainPageManagement: {
ViewPage: 'view-page',
CreatePage: 'create-page',
UpdatePage: 'update-page',
DeletePage: 'delete-page',
ActivateDeactivatePage: 'activate-deactivate-page',
},
PageSectionManagement: {
ViewPageSection: 'view-page-section',
CreatePageSection: 'create-page-section',
UpdatePageSection: 'update-page-section',
DeletePageSection: 'delete-page-section',
ActivateDeactivatePageSection: 'activate-deactivate-page-section',
},
},
RoleManagement: {
ViewRole: 'view-role',
CreateRole: 'create-role',
UpdateRole: 'update-role',
DeleteRole: 'delete-role',
AssignRole: 'assign-role',
RemoveRole: 'remove-role',
ActivateDeactivateRole: 'activate-deactivate-role',
},
};
As you can see, PageManagement
has nested two objects, while RoleManagement
doesn't have.如您所见, PageManagement
嵌套了两个对象,而RoleManagement
没有。 I'm trying to create a n-level
nested type definition, the one that I've created now is:我正在尝试创建一个n-level
嵌套类型定义,我现在创建的是:
type Permission = Record<string, string | Permission>
But it gives this error:但它给出了这个错误:
Type alias 'Permission' circularly references itself
Any idea what I'm doing wrong?知道我做错了什么吗? I'm using TypeScript v4.2.3
我正在使用TypeScript v4.2.3
The Record
is the source of the problem. Record
是问题的根源。 It requires a complete type before it can result in a type.它需要一个完整的类型才能产生一个类型。
type Permission = { [key: string]: string | Permission }
This will work.这将起作用。
you can use an interface instead of type.您可以使用接口而不是类型。
const permissions: Permission = {
PageManagement: {
MainPageManagement: {
ViewPage: 'view-page',
CreatePage: 'create-page',
UpdatePage: 'update-page',
DeletePage: 'delete-page',
ActivateDeactivatePage: 'activate-deactivate-page',
},
PageSectionManagement: {
ViewPageSection: 'view-page-section',
CreatePageSection: 'create-page-section',
UpdatePageSection: 'update-page-section',
DeletePageSection: 'delete-page-section',
ActivateDeactivatePageSection: 'activate-deactivate-page-section',
},
},
RoleManagement: {
ViewRole: 'view-role',
CreateRole: 'create-role',
UpdateRole: 'update-role',
DeleteRole: 'delete-role',
AssignRole: 'assign-role',
RemoveRole: 'remove-role',
ActivateDeactivateRole: 'activate-deactivate-role',
},
};
interface Permission {
[key: string]: string | Permission
}
Also reproduction example也是复制示例
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.