Hello,
Thank you for reporting this problem. We will be fixing the related issue on the next patch release that you can follow the process through these links https://github.com/abpframework/abp/releases, https://abp.io/docs/latest/studio/release-notes
I can temporarily suggest a rollback to the browser build system. For this, you need to update the related parts in your angular.json as follows: (you can also check this documentation that would be helpful https://angular.dev/tools/cli/build-system-migration)
{
...
"projects": {
"ticket9953": {
"projectType": "application",
"schematics": {
...
},
"root": "projects/ticket9953",
"sourceRoot": "projects/ticket9953/src",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/ticket9953",
"index": "projects/ticket9953/src/index.html",
"main": "projects/ticket9953/src/main.ts",
"polyfills": "projects/ticket9953/src/polyfills.ts",
...
},
"configurations": {
...
"development": {
"buildOptimizer": false,
"optimization": false,
"vendorChunk": true,
"extractLicenses": false,
"sourceMap": true,
"namedChunks": true
}
},
...
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
...
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
...
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
...
},
}
},
},
}
You need to replace @angular/build with @angular-devkit/build-angular dependency in your package.json file.
After reinstalling the packages in the root angular directory, you can create a library for your service using this command npx ng g @abp/ng.schematics:create-lib --package-name management-service --is-secondary-entrypoint false --template-type standalone --override true
Then, you can use suite for creating more features.
I am also processing a refund for your ticket. You can let us know if you need further assistance. Thank you for your cooperation.
Hello,
This answer may solve your problem: https://abp.io/qa/questions/9674/3a1b61b3-1e0a-ab46-a3ae-8dd97adc6a0d
If your application is using the standalone structure, you need to use the providers array in app.config.ts file instead.
You can let us know if you need further assistance. Thank you for your cooperation.
Hello,
We have identified the same problem on our side. I can recommend you to migrate to the new application builder using this command until we publish an official fix:
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": {
// do not register abp paths here
},
"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(),
})
),
//...
],
};
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.
