Pavlo created 2 years ago

ABP Framework version: v7.2.2
UI Type: Angular
Exception message and full stack trace: ERROR NullInjectorError: R3InjectorError(Standalone[UsersTabComponent])[UsersComponent -> UsersComponent -> UsersComponent -> UsersComponent -> UsersComponent]: NullInjectorError: No provider for UsersComponent! at NullInjector.get (core.mjs:7493:27) at R3Injector.get (core.mjs:7914:33) at R3Injector.get (core.mjs:7914:33) at R3Injector.get (core.mjs:7914:33) at R3Injector.get (core.mjs:7914:33) at R3Injector.get (core.mjs:7914:33) at ChainedInjector.get (core.mjs:12084:36) at lookupTokenUsingModuleInjector (core.mjs:3201:39) at getOrCreateInjectable (core.mjs:3246:12) at NodeInjector.get (core.mjs:3511:16)
Steps to reproduce the issue:
1.Add tab to profile-manage-tabs:

      {
        name: '::Users',
        order: 4,
        component: UsersTabComponent,
      },

Add tab component itself (reuse html and ts files from identity management (users.component.ts)

@Component({
  selector: 'app-users-tab',
  templateUrl: './users-tab.component.html',
  styleUrls: ['./users-tab.component.scss'],
  standalone: true,
  imports: [
    CommonModule,
    SharedModule,
    TableComponent,
    PageModule,
    IdentityModule,
    UiExtensionsModule,
  ],
  providers: [
    ListService,
    {
      provide: EXTENSIONS_IDENTIFIER,
      useValue: eIdentityComponents.Users,
    },
  ],
})

The main problem:

I am trying to move the users page to my account tabs

When I open the users tab I see nearly nothing except some data in the footer

If i open users original page and then go to the tab again I will see the button 'add users' and the exception above

Anjali_Musmade created 2 years ago

Support Team Member

Hello,

Please check this https://docs.abp.io/en/commercial/latest/ui/angular/manage-profile-page-tabs

Pavlo created 2 years ago

Hi, i have done everything that is in this tutorial. My other custom tabs work well

Anjali_Musmade created 2 years ago

Support Team Member

Hi,

Could you please provide detailed step to reproduce the issue or share code snippet.

Thanks,

Pavlo created 2 years ago

Yea, of course: 1.Add new tab to manage-profile-page 2. Copy users.component ts and html files 3. paste in your new tab component 4. check if users table and create user button appeared in your new tab

Anjali_Musmade created 2 years ago

Support Team Member

Hello,

Is this what you are expecting?

for this I have added Identity module as a Replace Package with source code to existing solution. And added the UsersComponent as a new tab to manage-profile-page. and it looks like this. Please try once.

Thanks, Anjali