Activities of "464199480"

Due to permission issues, I am unable to view your link.

I have sent the Angular project to your email.

Execute the command abp new Acme.BookStore -u angular

Then the issue can be reproduced

The above was generated by abp studio cli.

package.json

{
  "name": "BookStore",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --open",
    "build": "ng build",
    "build:prod": "ng build --configuration production",
    "watch": "ng build --watch --configuration development",
    "test": "ng test",
    "lint": "ng lint"
  },
  "private": true,
  "dependencies": {
    "@abp/ng.components": "~9.2.1",
    "@abp/ng.core": "~9.2.1",
    "@abp/ng.oauth": "~9.2.1",
    "@abp/ng.setting-management": "~9.2.1",
    "@abp/ng.theme.shared": "~9.2.1",
    "@volo/abp.commercial.ng.ui": "~9.2.1",
    "@volo/abp.ng.account": "~9.2.1",
    "@volo/abp.ng.audit-logging": "~9.2.1",
    "@volo/abp.ng.gdpr": "~9.2.1",
    "@volo/abp.ng.identity": "~9.2.1",
    "@volo/abp.ng.openiddictpro": "~9.2.1",
    "@volo/abp.ng.language-management": "~9.2.1",
    "@volo/abp.ng.saas": "~9.2.1",
    "@volo/abp.ng.text-template-management": "~9.2.1",
    "@volosoft/abp.ng.theme.lepton-x": "~4.2.1",
    "@angular/animations": "~19.1.0",
    "@angular/common": "~19.1.0",
    "@angular/compiler": "~19.1.0",
    "@angular/core": "~19.1.0",
    "@angular/forms": "~19.1.0",
    "@angular/localize": "~19.1.0",
    "@angular/platform-browser-dynamic": "~19.1.0",
    "@angular/platform-browser": "~19.1.0",
    "@angular/router": "~19.1.0",
    "rxjs": "~7.8.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.15.0"
  },
  "devDependencies": {
    "@abp/ng.schematics": "~9.2.1",
    "@angular-devkit/build-angular": "~19.1.0",
    "@angular-eslint/builder": "~19.0.0",
    "@angular-eslint/eslint-plugin": "~19.0.0",
    "@angular-eslint/eslint-plugin-template": "~19.0.0",
    "@angular-eslint/schematics": "~19.0.0",
    "@angular-eslint/template-parser": "~19.0.0",
    "@angular/cli": "~19.1.0",
    "@angular/compiler-cli": "~19.1.0",
    "@angular/language-service": "~19.1.0",
    "@types/jasmine": "~3.6.0",
    "@types/node": "^20.0.0",
    "@typescript-eslint/eslint-plugin": "7.16.0",
    "@typescript-eslint/parser": "7.16.0",
    "eslint": "^8.0.0",
    "jasmine-core": "~4.0.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.1.0",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.0.0",
    "typescript": "~5.6.0"
  }
}

This issue has been present since version 9.2.0.

The reply does not solve the problem.

Create a new project and run angular ui. You will encounter the following error.

Error: src/app/app.component.ts:7:5 - error NG8001: 'abp-loader-bar' is not a known element:
1. If 'abp-loader-bar' is an Angular component, then verify that it is part of this module.
2. If 'abp-loader-bar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

7     <abp-loader-bar />
      ~~~~~~~~~~~~~~~~~~


Error: src/app/app.component.ts:8:5 - error NG8001: 'abp-dynamic-layout' is not a known element:
1. If 'abp-dynamic-layout' is an Angular component, then verify that it is part of this module.
2. If 'abp-dynamic-layout' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

8     <abp-dynamic-layout />
      ~~~~~~~~~~~~~~~~~~~~~~


Error: src/app/app.component.ts:9:5 - error NG8001: 'abp-gdpr-cookie-consent' is not a known element:
1. If 'abp-gdpr-cookie-consent' is an Angular component, then verify that it is part of this module.
2. If 'abp-gdpr-cookie-consent' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

9     <abp-gdpr-cookie-consent />
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~


Error: src/app/app.component.ts:10:5 - error NG8001: 'abp-internet-status' is not a known element:
1. If 'abp-internet-status' is an Angular component, then verify that it is part of this module.
2. If 'abp-internet-status' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

10     <abp-internet-status />
       ~~~~~~~~~~~~~~~~~~~~~~~


Error: src/app/app.module.ts:28:14 - error NG1010: Value

Error: src/app/app.module.ts:52:5 - error TS2304: Cannot find name 'InternetConnectionStatusComponent'.

52     InternetConnectionStatusComponent,
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Hi @sumeyye.kurtulus

The sidebar of this env cannot be expanded.

Is there a temporary solution for this?

It has nothing to do with the newly added guard.

The sidebar of this env is normal.

\\ environment.ts

const oAuthConfig = {
  issuer: 'https://localhost:44311/',
  redirectUri: baseUrl,
  clientId: 'BookStore_App',
  responseType: 'code',
  scope: 'offline_access BookStore',
  requireHttps: true,
  impersonation: {
    userImpersonation: true,
    tenantImpersonation: true,
  },
};

The sidebar of this env cannot be expanded.

\\ environment.ts

const oAuthConfig = {
  issuer: 'https://localhost:44311/',
  redirectUri: baseUrl,
  clientId: 'BookStore_App',
  responseType: 'password',  // change this
  scope: 'offline_access BookStore',
  requireHttps: true,
  impersonation: {
    userImpersonation: true,
    tenantImpersonation: true,
  },
};