I had 2 .module.ts files in one folder - moved one and it resolved the issue
I reinstalled yarn and it works now
Here's my package.json:
{ "version": "0.1.0", "name": "my-app-authserver", "private": true, "dependencies": { "@volo/abp.aspnetcore.mvc.ui.theme.leptonx": "~4.3.1", "@volo/account": "~9.3.1" } }
yarn output:
yarn install v1.22.5
(node:12724) [DEP0040] DeprecationWarning: The punycode
module is deprecated. Please use a userland alternative instead.
(Use node --trace-deprecation ...
to show where the warning was created)
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning "@volo/abp.aspnetcore.mvc.ui.theme.leptonx > @volo/abp.aspnetcore.mvc.ui.theme.commercial > @abp/aspnetcore.mvc.ui.theme.shared > @abp/bootstrap > bootstrap@5.3.7" has unmet peer dependency "@popperjs/core@^2.11.8".
[4/4] Building fresh packages...
success Saved lockfile. warning Your current version of Yarn is out of date. The latest version is "1.22.22", while you're on "1.22.5". info To upgrade, download the latest installer at "https://yarnpkg.com/latest.msi". Done in 8.74s.
This project has a stand-alone MVC auth server for logging in, in addition to the angular app.
Another project also has the public website MVC app and the same issue appears there
[maliming] said: hi
Add
Volo.Abp.Account.Pro.Public.Web.Shared
will be fine.Can you check your public website page HTML code to see if your page includes
Idle
component?Thanks.
Yes, that's being included and seems to be working.
Also, I have another standalone angular app - it uses the AccountPublicConfigModule but not the AccountAdminConfigModule and the idle timer doesn't work with that app. How do you suggest getting that working? We don't want admin capabilities in this angular app. Would it make more sense for the idle timer to be part of the public module or a shared account module? Or, am I misunderstanding how its implemented?
Thanks
Thanks - I was able to download it to a project using
abp add-package @volo/abp.commercial.ng.ui --with-source-code
Add a class to extends TitleStrategy and localize the title in that class: https://dev.to/brandontroberts/setting-page-titles-natively-with-the-angular-router-393j
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule],
providers: [
{
provide: TitleStrategy,
useClass: TemplatePageTitleStrategy
}
]
})
export class AppRoutingModule { }
import { LocalizationService } from '@abp/ng.core';
import { Injectable, Injector } from '@angular/core';
import { Title } from '@angular/platform-browser';
import { RouterStateSnapshot, TitleStrategy } from '@angular/router';
@Injectable()
export class TemplatePageTitleStrategy extends TitleStrategy {
constructor(private readonly title: Title, private injector: Injector) {
super();
}
private localizationService: LocalizationService;
override updateTitle(routerState: RouterStateSnapshot) {
this.localizationService = this.injector.get(LocalizationService);
let localizedAppTitle = this.l('::BrowserTitle:Application');
const routeTitle = this.buildTitle(routerState);
if (routeTitle !== undefined && localizedAppTitle !== undefined) {
let localizedRouteTitle = this.l(routeTitle);
this.title.setTitle(`${localizedRouteTitle} - ${localizedAppTitle}`);
} else {
this.title.setTitle(`${localizedAppTitle}`);
}
}
l(key: string): string {
return this.localizationService.instant({
key: key,
defaultValue: 'Default',
});
}
}
It looks like this was a framework issue and has now been fixed with 7.4: https://support.abp.io/QA/Questions/5641/Bugs--Issues-v73x#answer-3a0dbedf-b3c3-29cc-e89a-c525a839f0a6
Unable to upload profile picture Angular Project in My Account --> Profile Picture:
First experienced in our app, then replicated issue in scratch 7.3.2 project.
Error in browser
core.mjs:10171 ERROR TypeError: Cannot read properties of undefined (reading 'nativeElement')
at volo-abp.ng.account-public.mjs:1758:60
at timer (zone.js:2367:41)
at _ZoneDelegate.invokeTask (zone.js:402:31)
at core.mjs:25893:55
at AsyncStackTaggingZoneSpec.onInvokeTask (core.mjs:25893:36)
at _ZoneDelegate.invokeTask (zone.js:401:60)
at Object.onInvokeTask (core.mjs:26194:33)
at _ZoneDelegate.invokeTask (zone.js:401:60)
at Zone.runTask (zone.js:173:47)
at invokeTask (zone.js:483:34)