Hello,
I am using a project generated by using the latest ABP template. However, the browser throws such error
Hello,
We have identified the same problem on our side. I can recommend you to migrate to the new application builder using this command:
yarn ng update @angular/cli --name use-application-builder
Here is the official reference: https://angular.dev/tools/cli/build-system-migration#automated-migration-recommended
After that, you need to remove the paths inside the tsconfig.json file
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"importHelpers": true,
"target": "ES2022",
"module": "es2020",
"lib": ["es2018", "dom"],
"paths": {
},
"useDefineForClassFields": false
},
"angularCompilerOptions": {
"enableI18nLegacyMessageIdFormat": false
}
}
You can also use the es build for the localization registration inside app.config.ts
import { registerLocaleForEsBuild } from '@abp/ng.core/locale';
export const appConfig: ApplicationConfig = {
providers: [
//...
provideAbpCore(
withOptions({
environment,
registerLocaleFn: registerLocaleForEsBuild(),
})
),
//...
],
};
I will also be processing a refund for your ticket. Thank you for your cooperation.
Hello again,
The 'current user' part belongs to the toolbar. If you want to customize this part, you should still override the toolbar component to manage your overlay instead.
Checking the related source code may be helpful. You can either use this command under your angular directory:
abp add-package @volosoft/abp.ng.theme.lepton-x --with-source-code
or you can download it using suite dashboard as explained here: https://abp.io/docs/latest/suite/source-code
You can again let us know if you need further assistance. Thank you for your cooperation.
Hello,
I have checked the project that you have shared. I realized you have been using the lepton-x theme but using the basic theme keys.
If you want to replace the related part, you need yo use this key:
import { eThemeLeptonXComponents } from '@volosoft/abp.ng.theme.lepton-x';
key: eThemeLeptonXComponents.Toolbar,
If you want to modify the menu instead, you can follow this documentation https://abp.io/docs/latest/framework/ui/angular/modifying-the-menu#how-to-add-an-element-to-right-part-of-the-menu
Here is also how you can modify a specific action in the user menu:
//app.config.ts
export const appConfig: ApplicationConfig = {
providers: [
//...
provideAppInitializer(() => {
reconfigureUserMenu();
}),
],
};
function reconfigureUserMenu() {
const userMenu = inject(UserMenuService);
userMenu.patchItem(eUserMenuItems.Logout, {
action: () => {
console.log('Logout');
},
});
}
You can let us know if you need further assistance. Thank you for your cooperation.
Sure, we will be gradually updating the tutorials and samples.
Hello,
This is because the templates are migrated to the standalone structure. Here are references:
Hello again,
You can get a reference from this post: https://abp.io/community/articles/abp-now-supports-angular-standalone-applications-zzi2rr2z#gsc.tab=0
You could also check the official documentation of Angular: https://angular.dev/reference/migrations/standalone
Let us know if you need further assistance. Thank you for your cooperation.
Hello, I responded via e-mail yesterday right after the meeting. That would be the best to check the points I mentioned there beforehand.
Sounds good, could I get your availability for today/next week?
I will be available after 11 am gmt 3+ to recheck the issue if it is still not solved.
Hello, Sure, we can arrange a session for that. I can assist you on a remote access application preferably.
You can use this command to create a new project abp-old new MyProject -u angular -t app-pro -csf --version 9.2.3 or abp new MyProject -u angular -t app-pro --database-provider mongodb -csf --version 9.2.3 --old.
You can also follow this guidance if you prefer https://abp.io/docs/9.3/cli/differences-between-old-and-new-cli
