Open Closed

File Management module not working in 4.3.3 version #3039


User avatar
0
deepak created
  • ABP Framework version: 4.3.3
  • UI type: Angular
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): no
  • I have followed all the step to add File Management module (https://docs.abp.io/en/commercial/latest/modules/file-management), but still not able to see the module in the Main menu. Can we have File Management module in Abp.io 4.3.3 version?
Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

2 Answer(s)
  • User Avatar
    0
    muhammedaltug created

    Hello,

    Can you share your app.module.ts and app-routing.module.ts ?

    Did you give permission for FileManagement to the user or role?

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    deepak created

    app.module.ts -

    import { NgxValidateCoreModule } from '@ngx-validate/core';
    import { CusotmManageProfileComponent } from './accounts/manage-profile/custom-manage-profile.component';
    import { CustomPersonalSettingsComponent } from './accounts/personal-settings/custom-personal-settings.component';
    import { CustomPersonalSettingsVerifyButtonComponent } from './accounts/personal-settings/personal-settings-verify-button/custom-personal-settings-verify-button.component';
    import { ReactiveFormsModule } from '@angular/forms';
    import { ACCOUNT_MANAGE_PROFILE_TAB_PROVIDERS } from './accounts/config/src/providers';
    import { CustomAccountPublicConfigModule } from './accounts/config/src/custom-account-public-config.module';
    import { CustomTwoFactorTabComponent } from './accounts/two-factor-tab/custom-two-factor-tab.component';
    import { CustomChangePasswordComponent } from './accounts/change-password/custom-change-password.component';
    import { DYNAMIC_FORMS_ROUTE_PROVIDER } from './dynamic-forms/providers/dynamic-forms-route.provider';
    import { SCHOOLS_SCHOOL_ROUTE_PROVIDER } from './schools/school/providers/school-route.provider';
    import { STATES_STATE_ROUTE_PROVIDER } from './states/state/providers/state-route.provider';
    import { COUNTIES_COUNTY_ROUTE_PROVIDER } from './counties/county/providers/county-route.provider';
    import { CITIES_CITY_ROUTE_PROVIDER } from './cities/city/providers/city-route.provider';
    import { HttpClientModule } from '@angular/common/http';
    import { CustomizedUserModule } from './customized-user/customized-user.module';
    import { ASSESSMENT_ROUTE_PROVIDER } from './assessments/Providers/assessment-route.provider';
    import { ChartModule } from 'primeng/chart';
    import {AccordionModule} from 'primeng/accordion';
    import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
    import { CustomErrorComponent } from './custom-error/custom-error.component';
    import { FileManagementConfigModule } from '@volo/abp.ng.file-management/config';
    
    @NgModule({
      declarations: [
        AppComponent,
        CusotmManageProfileComponent,
        CustomPersonalSettingsComponent,
        CustomPersonalSettingsVerifyButtonComponent,
        CustomChangePasswordComponent,
        CustomTwoFactorTabComponent,
        CustomErrorComponent    
      ],
      imports: [
        BrowserModule,
        NgxValidateCoreModule,
        AccordionModule,
        NgbModule,
        BrowserAnimationsModule,
        AppRoutingModule,
        ReactiveFormsModule,
        NgbDatepickerModule,
        NgbDropdownModule,
        NgbPopoverModule,
        HttpClientModule,
        NgbTooltipModule,
        ChartModule,
        CoreModule.forRoot({
          environment,
          registerLocaleFn: registerLocale(),
        }),
        ThemeSharedModule.forRoot({
          httpErrorConfig: {
            errorScreen: {
              component: HttpErrorComponent,
              forWhichErrors: [401, 404, 500],
              hideCloseIcon: true,
            },
          },    
        }),
        ThemeSharedModule.forRoot({
          httpErrorConfig: {
            errorScreen: {
              component: CustomErrorComponent,
              forWhichErrors: [403],
              hideCloseIcon: true,
            },
          }, 
        }),
        AccountAdminConfigModule.forRoot(),
        AccountPublicConfigModule.forRoot(),
        IdentityConfigModule.forRoot(),
        LanguageManagementConfigModule.forRoot(),
    
        /**remove SAAS Menu */
        //SaasConfigModule.forRoot(),
    
        AuditLoggingConfigModule.forRoot(),
        IdentityServerConfigModule.forRoot(),
        TextTemplateManagementConfigModule.forRoot(),
        SettingManagementConfigModule.forRoot(),
        ThemeLeptonModule.forRoot(),
        CustomAccountPublicConfigModule.forRoot(),
        CommercialUiConfigModule.forRoot(),
        NgxsModule.forRoot([]),
        FileManagementConfigModule.forRoot(),
        CustomizedUserModule
      ],
      providers: [
        APP_ROUTE_PROVIDER,
        LOOK_UP_TYPES_LOOK_UP_TYPE_ROUTE_PROVIDER,
        LOOK_UP_DETAILS_LOOK_UP_DETAIL_ROUTE_PROVIDER,
        REFERRALS_REFERRAL_ROUTE_PROVIDER,
        CLIENTS_CLIENT_ROUTE_PROVIDER,
        ORGANIZATIONS_ORGANIZATION_ROUTE_PROVIDER,
        DYNAMIC_FORMS_ROUTE_PROVIDER,
        CMS_ROUTE_PROVIDER,
        ASSESSMENT_ROUTE_PROVIDER,
        RESOURCES_ROUTE_PROVIDER,
        LKP_SOCSITES_LKP_SOCSITE_ROUTE_PROVIDER,
        SCHOOLS_SCHOOL_ROUTE_PROVIDER,
        STATES_STATE_ROUTE_PROVIDER,
        COUNTIES_COUNTY_ROUTE_PROVIDER,
        CITIES_CITY_ROUTE_PROVIDER,
      ],
      bootstrap: [AppComponent],
    })
    export class AppModule { }
    

    ****app-routing.module.ts


    
    import { AuthGuard, PermissionGuard } from '@abp/ng.core';
    import { NgModule } from '@angular/core';
    import { RouterModule, Routes } from '@angular/router';
    import { identityEntityPropContributors } from './entity-prop-contributors';
    import { identityCreateFormPropContributors, identityEditFormPropContributors } from './form-prop-contributors';
    
    const routes: Routes = [
      {
        path: "file-management",
        loadChildren: () =>
          import("@volo/abp.ng.file-management").then((m) => m.FileManagementModule.forLazy()),
      },
      {
        path: '',
        pathMatch: 'full',
        loadChildren: () => import('./home/home.module').then(m => m.HomeModule),
      },
      {
        path: 'dashboard',
        loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule),
        canActivate: [AuthGuard, PermissionGuard],
      },
      {
        path: 'mhconsultation',
        loadChildren: () => import('./mhconsultation/mhconsultation.module').then(m => m.MhconsultationModule),
        canActivate: [AuthGuard, PermissionGuard],
      },
      {
        path: 'clientdetails',
        loadChildren: () => import('./client-details/client-details/client-details.module').then(m => m.ClientDetailsModule),
        canActivate: [AuthGuard, PermissionGuard],
      },
      {
        path: 'clientservicetype',
        loadChildren: () => import('./client-service-type/client-service-type.module').then(m => m.ClientServiceTypeModule),
        canActivate: [AuthGuard, PermissionGuard],
      },
      {
        path: 'mobilecrisis',
        loadChildren: () => import('./mobile-crisis/mobile-crisis.module').then(m => m.MobileCrisisModule),
        canActivate: [AuthGuard, PermissionGuard],
      },
      {
        path: 'account',
        loadChildren: () =>
          import('@volo/abp.ng.account/public').then(m => m.AccountPublicModule.forLazy()),
      },
      {
        path: 'identity',
        loadChildren: () => import('@volo/abp.ng.identity').then(m => m.IdentityModule.forLazy()),
      },
      {
        path: 'language-management',
        loadChildren: () =>
          import('@volo/abp.ng.language-management').then(m => m.LanguageManagementModule.forLazy()),
      },
      {
        path: 'saas',
        loadChildren: () => import('@volo/abp.ng.saas').then(m => m.SaasModule.forLazy()),
      },
      {
        path: 'audit-logs',
        loadChildren: () =>
          import('@volo/abp.ng.audit-logging').then(m => m.AuditLoggingModule.forLazy()),
      },
      {
        path: 'identity-server',
        loadChildren: () =>
          import('@volo/abp.ng.identity-server').then(m => m.IdentityServerModule.forLazy()),
      },
      {
        path: 'text-template-management',
        loadChildren: () =>
          import('@volo/abp.ng.text-template-management').then(m =>
            m.TextTemplateManagementModule.forLazy()
          ),
      },
      {
        path: 'setting-management',
        loadChildren: () =>
          import('@abp/ng.setting-management').then(m => m.SettingManagementModule.forLazy()),
      }
    ];
    
    @NgModule({
      imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })],
      exports: [RouterModule],
    })
    export class AppRoutingModule { }
    
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 16, 2026, 14:50
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.