相关文章推荐
小百科  ›  Angular: ABP setting-management #236 | Support Center | ABP Commercial
angular build abp
无聊的甜瓜
1 年前

Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples, to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, please use the search on the homepage.

  • ABP Framework version: v2.7.0
  • UI type : Angular
  • Tiered (MVC) or Identity Server Seperated (Angular) : yes
  • Exception message and stack trace :
  • Steps to reproduce the issue :

    • http://localhost:4200/setting-management

    Setting managemnt page is not getting dispalyed. No error and no backend api (/api/identity/settings) hit Error and warning on yarn start

    i cant update ABP version at this point of time. I deleted node_modules folder and yarn.lock from angular app . Tried to fresh build and dependency for the angualr app. found below issues. Could you please help to sort out

    ERROR in ./node_modules/@volo/abp.ng.identity.config/ ivy_ngcc /fesm2015/volo-abp.ng.identity.config.js 656:39-67
    "export 'OrganizationMembersComponent' was not found in '@volo/abp.ng.identity' ERROR in ./node_modules/@volo/abp.ng.identity.config/ ivy_ngcc /fesm2015/volo-abp.ng.identity.config.js 709:39-65
    "export 'OrganizationRolesComponent' was not found in '@volo/abp.ng.identity' 

    ERROR in node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:2:41 - error TS2305: Module '"../../../../../../../../../Projects/core-platform/SCV.Litmus/angular/node_modules/@volo/abp.ng.identity/volo-abp.ng.identity"' has no exported member 'OrganizationUnitWithDetailsDto'.
2 import { eIdentityComponents, Identity, OrganizationUnitWithDetailsDto } from '@volo/abp.ng.identity';
                                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:7:5 - error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.
7     [eIdentityComponents.OrganizationMembers]: import("@volo/abp.commercial.ng.ui").EntityAction<Identity.UserItem>[];
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:7:26 - error TS2339: Property 'OrganizationMembers' does not exist on type 'typeof eIdentityComponents'.
7     [eIdentityComponents.OrganizationMembers]: import("@volo/abp.commercial.ng.ui").EntityAction<Identity.UserItem>[];
                           ~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:8:5 - error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.
8     [eIdentityComponents.OrganizationRoles]: import("@volo/abp.commercial.ng.ui").EntityAction<Identity.RoleItem>[];
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:8:26 - error TS2339: Property 'OrganizationRoles' does not exist on type 'typeof eIdentityComponents'.
8     [eIdentityComponents.OrganizationRoles]: import("@volo/abp.commercial.ng.ui").EntityAction<Identity.RoleItem>[];
                           ~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:14:5 - error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.        
14     [eIdentityComponents.OrganizationUnits]: import("@volo/abp.commercial.ng.ui").ToolbarAction<OrganizationUnitWithDetailsDto[]>[];
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:14:26 - error TS2339: Property 'OrganizationUnits' does not exist on type 'typeof eIdentityComponents'.
14     [eIdentityComponents.OrganizationUnits]: import("@volo/abp.commercial.ng.ui").ToolbarAction<OrganizationUnitWithDetailsDto[]>[];
                            ~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:20:5 - error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.        
20     [eIdentityComponents.OrganizationMembers]: import("@volo/abp.commercial.ng.ui").EntityProp<Identity.UserItem>[];
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:20:26 - error TS2339: Property 'OrganizationMembers' does not exist on type 'typeof eIdentityComponents'.
20     [eIdentityComponents.OrganizationMembers]: import("@volo/abp.commercial.ng.ui").EntityProp<Identity.UserItem>[];
                            ~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:21:5 - error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.        
21     [eIdentityComponents.OrganizationRoles]: import("@volo/abp.commercial.ng.ui").EntityProp<Identity.RoleItem>[];
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:21:26 - error TS2339: Property 'OrganizationRoles' does not exist on type 'typeof eIdentityComponents'.
21     [eIdentityComponents.OrganizationRoles]: import("@volo/abp.commercial.ng.ui").EntityProp<Identity.RoleItem>[];
                            ~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:37:5 - error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.        
37     [eIdentityComponents.OrganizationMembers]: import("@volo/abp.commercial.ng.ui/lib/models/actions").ActionContributorCallback<import("@volo/abp.commercial.ng.ui").EntityActionList<Identity.UserItem>>[];
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:37:26 - error TS2339: Property 'OrganizationMembers' does not exist on type 'typeof eIdentityComponents'.
37     [eIdentityComponents.OrganizationMembers]: import("@volo/abp.commercial.ng.ui/lib/models/actions").ActionContributorCallback<import("@volo/abp.commercial.ng.ui").EntityActionList<Identity.UserItem>>[];
                            ~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:38:5 - error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.        
38     [eIdentityComponents.OrganizationRoles]: import("@volo/abp.commercial.ng.ui/lib/models/actions").ActionContributorCallback<import("@volo/abp.commercial.ng.ui").EntityActionList<Identity.RoleItem>>[];
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:38:26 - error TS2339: Property 'OrganizationRoles' does not exist on type 'typeof eIdentityComponents'.
38     [eIdentityComponents.OrganizationRoles]: import("@volo/abp.commercial.ng.ui/lib/models/actions").ActionContributorCallback<import("@volo/abp.commercial.ng.ui").EntityActionList<Identity.RoleItem>>[];
                            ~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:44:5 - error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.        
44     [eIdentityComponents.OrganizationUnits]: import("@volo/abp.commercial.ng.ui/lib/models/actions").ActionContributorCallback<import("@volo/abp.commercial.ng.ui").ToolbarActionList<OrganizationUnitWithDetailsDto[]>>[];        
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:44:26 - error TS2339: Property 'OrganizationUnits' does not exist on type 'typeof eIdentityComponents'.
44     [eIdentityComponents.OrganizationUnits]: import("@volo/abp.commercial.ng.ui/lib/models/actions").ActionContributorCallback<import("@volo/abp.commercial.ng.ui").ToolbarActionList<OrganizationUnitWithDetailsDto[]>>[];        
                            ~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:50:5 - error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.        
50     [eIdentityComponents.OrganizationMembers]: import("@volo/abp.commercial.ng.ui/lib/models/props").PropContributorCallback<import("@volo/abp.commercial.ng.ui").EntityPropList<Identity.UserItem>>[];
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:50:26 - error TS2339: Property 'OrganizationMembers' does not exist on type 'typeof eIdentityComponents'.
50     [eIdentityComponents.OrganizationMembers]: import("@volo/abp.commercial.ng.ui/lib/models/props").PropContributorCallback<import("@volo/abp.commercial.ng.ui").EntityPropList<Identity.UserItem>>[];
                            ~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:51:5 - error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.        
51     [eIdentityComponents.OrganizationRoles]: import("@volo/abp.commercial.ng.ui/lib/models/props").PropContributorCallback<import("@volo/abp.commercial.ng.ui").EntityPropList<Identity.RoleItem>>[];
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@volo/abp.ng.identity.config/lib/tokens/extensions.token.d.ts:51:26 - error TS2339: Property 'OrganizationRoles' does not exist on type 'typeof eIdentityComponents'.
51     [eIdentityComponents.OrganizationRoles]: import("@volo/abp.commercial.ng.ui/lib/models/props").PropContributorCallback<import("@volo/abp.commercial.ng.ui").EntityPropList<Identity.RoleItem>>[];
                            ~~~~~~~~~~~~~~~~~
                            
    If you would like to use v2.7, add resolutions to package.json as shown below, remove yarn.lock and then run the yarn again.
    

    "dependencies": { ... },
"resolutions": {
"@volo/abp.commercial.ng.ui": "~2.7.0",
"@volo/abp.ng.account.config": "~2.7.0",
"@volo/abp.ng.audit-logging.config": "~2.7.0",
"@volo/abp.ng.identity-server.config": "~2.7.0",
"@volo/abp.ng.identity.config": "~2.7.0",
"@volo/abp.ng.language-management.config": "~2.7.0",
"@volo/abp.ng.saas.config": "~2.7.0",
"@volo/abp.ng.text-template-management.config": "~2.7.0",
├─ @abp/ng.feature-management@2.6.2
    
│  └─ @abp/ng.theme.shared@2.7.0
├─ @abp/ng.permission-management@2.6.2
    
│  └─ @abp/ng.theme.shared@2.7.0
├─ @abp/ng.setting-management.config@2.7.0
├─ @abp/ng.setting-management@2.6.2
    
│  └─ @abp/ng.theme.shared@2.7.0
├─ @abp/ng.theme.shared@2.6.2
├─ @abp/utils@2.7.0
├─ @volo/abp.commercial.ng.ui@2.7.1
│  └─ @abp/ng.theme.shared@2.7.0
├─ @volo/abp.ng.account.config@2.7.1
├─ @volo/abp.ng.account@2.6.2
├─ @volo/abp.ng.audit-logging.config@2.7.1
├─ @volo/abp.ng.audit-logging@2.6.2
├─ @volo/abp.ng.identity-server.config@2.7.1
├─ @volo/abp.ng.identity-server@2.6.2
├─ @volo/abp.ng.identity.config@2.7.1
├─ @volo/abp.ng.identity@2.6.2
├─ @volo/abp.ng.language-management.config@2.7.1
├─ @volo/abp.ng.language-management@2.6.2
├─ @volo/abp.ng.saas.config@2.7.1
├─ @volo/abp.ng.saas@2.6.2
├─ @volo/abp.ng.text-template-management.config@2.7.1
├─ @volo/abp.ng.text-template-management@2.7.1
│  └─ @abp/ng.theme.shared@2.7.0
└─ @volo/abp.ng.theme.lepton@2.6.2
    
"start": "ng serve --open",
"build": "ng build",
"build:prod": "ng build --configuration production",
"test": "jest",
"lint": "ng lint",
"e2e": "ng e2e"
"private": true,
"jest": {
"preset": "jest-preset-angular",
"setupFilesAfterEnv": [
"<rootDir>/setupJest.ts"
"testPathIgnorePatterns": [
"<rootDir>/node_modules/",
"<rootDir>/dist/",
"<rootDir>/src/test.ts"
"dependencies": {
"@angular/animations": "~9.1.0",
"@angular/cdk": "^9.2.4",
"@angular/common": "~9.1.0",
"@angular/compiler": "~9.1.0",
"@angular/core": "~9.1.0",
"@angular/forms": "~9.1.0",
"@angular/material": "^9.2.4",
"@angular/platform-browser": "~9.1.0",
"@angular/platform-browser-dynamic": "~9.1.0",
"@angular/router": "~9.1.0",
"@types/jest": "^26.0.0",
"@volo/abp.ng.account": "~2.6.2",
"@volo/abp.ng.audit-logging": "~2.6.2",
"@volo/abp.ng.identity": "~2.6.2",
"@volo/abp.ng.identity-server": "~2.6.2",
"@volo/abp.ng.language-management": "~2.6.2",
"@volo/abp.ng.saas": "~2.6.2",
"@volo/abp.ng.text-template-management": "^2.7.1",
"@volo/abp.ng.theme.lepton": "~2.6.2",
"jest": "^26.0.1",
"jest-preset-angular": "^8.2.1",
"rxjs": "~6.5.4",
"tslib": "^1.10.0",
"zone.js": "~0.10.2"
"devDependencies": {
"@angular-devkit/build-angular": "~0.901.0",
"@angular-devkit/build-ng-packagr": "~0.901.0",
"@angular/cli": "~9.1.0",
"@angular/compiler-cli": "~9.1.0",
"@angular/language-service": "~9.1.0",
"@ngxs/logger-plugin": "^3.6.2",
"@types/node": "^12.11.1",
"codelyzer": "^5.1.2",
"ng-packagr": "^9.0.0",
"ngxs-schematic": "^1.1.9",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~3.8.3"
                            
    Please replace the package.json with below, remove yarn.lock file and run the yarn command. The problem will be resolved.
    
  "name": "MyApplication",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --open",
    "build": "ng build",
    "build:prod": "ng build --configuration production",
    "test": "jest",
    "lint": "ng lint",
    "e2e": "ng e2e"
  "private": true,
  "jest": {
    "preset": "jest-preset-angular",
    "setupFilesAfterEnv": [
      "<rootDir>/setupJest.ts"
    "testPathIgnorePatterns": [
      "<rootDir>/node_modules/",
      "<rootDir>/dist/",
      "<rootDir>/src/test.ts"
  "dependencies": {
    "@abp/ng.setting-management": "~2.7.0",
    "@angular/animations": "~9.1.0",
    "@angular/cdk": "^9.2.4",
    "@angular/common": "~9.1.0",
    "@angular/compiler": "~9.1.0",
    "@angular/core": "~9.1.0",
    "@angular/forms": "~9.1.0",
    "@angular/material": "^9.2.4",
    "@angular/platform-browser": "~9.1.0",
    "@angular/platform-browser-dynamic": "~9.1.0",
    "@angular/router": "~9.1.0",
    "@types/jest": "^26.0.0",
    "@volo/abp.ng.account": "~2.7.0",
    "@volo/abp.ng.audit-logging": "~2.7.0",
    "@volo/abp.ng.identity": "~2.7.0",
    "@volo/abp.ng.identity-server": "~2.7.0",
    "@volo/abp.ng.language-management": "~2.7.0",
    "@volo/abp.ng.saas": "~2.7.0",
    "@volo/abp.ng.text-template-management": "~2.7.0",
    "@volo/abp.ng.theme.lepton": "~2.7.0",
    "jest": "^26.0.1",
    "jest-preset-angular": "^8.2.1",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.0",
    "@angular-devkit/build-ng-packagr": "~0.901.0",
    "@angular/cli": "~9.1.0",
    "@angular/compiler-cli": "~9.1.0",
    "@angular/language-service": "~9.1.0",
    "@ngxs/logger-plugin": "^3.6.2",
    "@types/node": "^12.11.1",
    "codelyzer": "^5.1.2",
    "ng-packagr": "^9.0.0",
    "ngxs-schematic": "^1.1.9",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.8.3"
  "resolutions": {
    "@abp/ng.core": "~2.7.0",
    "@abp/ng.feature-management": "~2.7.0",
    "@abp/ng.theme.shared": "~2.7.0",
    "@abp/ng.permission-management": "~2.7.0",
    "@abp/ng.setting-management.config": "~2.7.0",
    "@abp/utils": "~2.7.0",
    "@volo/abp.commercial.ng.ui": "~2.7.0",
    "@volo/abp.ng.account.config": "~2.7.0",
    "@volo/abp.ng.audit-logging.config": "~2.7.0",
    "@volo/abp.ng.language-management.config": "~2.7.0",
    "@volo/abp.ng.identity-server.config": "~2.7.0",
    "@volo/abp.ng.identity.config": "~2.7.0",
    "@volo/abp.ng.saas.config": "~2.7.0",
    "@volo/abp.ng.text-template-management.config": "~2.7.0"

    If you upgrade the ABP version to the latest, you don't need to add resolutions to package.json.
    

    See the new versions after configuration above:
     
    推荐文章
    Link管理   ·   51好读   ·   Sov5搜索   ·   小百科
    小百科 - 百科知识指南