Open Closed

ABP angular setup error #368


User avatar
0
vishalnikam created

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: v3.0.4
  • UI type: Angular
  • Tiered (MVC) or Identity Server Seperated (Angular): yes
  • Exception message and stack trace:
  • Steps to reproduce the issue:

Arguments: C:\Program Files\nodejs\node.exe C:\Users\P7109954\AppData\Roaming\npm\node_modules\yarn\bin\yarn.js

PATH: C:\Program Files\Microsoft MPI\Bin;C:\Program Files (x86)\Intel\iCLS Client;C:\Program Files\Intel\iCLS

Yarn version: 1.22.4

Node version: 12.16.0

Platform: win32 x64

Trace: Error: https://registry.yarnpkg.com/date-fns/-/date-fns-2.15.0.tgz: ESOCKETTIMEDOUT at ClientRequest.<anonymous> (C:\Users\xyz\AppData\Roaming\npm\node_modules\yarn\lib\cli.js:141375:19) at Object.onceWrapper (events.js:427:28) at ClientRequest.emit (events.js:321:20) at TLSSocket.emitRequestTimeout (_http_client.js:714:9) at Object.onceWrapper (events.js:427:28) at TLSSocket.emit (events.js:321:20) at TLSSocket.Socket._onTimeout (net.js:478:8) at listOnTimeout (internal/timers.js:549:17) at processTimers (internal/timers.js:492:7)

npm manifest: { "name": "MyApp", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve --open", "build": "ng build", "build:prod": "ng build --configuration production", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "~10.0.1", "@angular/common": "~10.0.1", "@angular/compiler": "~10.0.1", "@angular/core": "~10.0.1", "@angular/forms": "~10.0.1", "@angular/platform-browser": "~10.0.1", "@angular/platform-browser-dynamic": "~10.0.1", "@angular/router": "~10.0.1", "@volo/abp.ng.account": "~3.0.4", "@volo/abp.ng.audit-logging": "~3.0.4", "@volo/abp.ng.identity": "~3.0.4", "@volo/abp.ng.identity-server": "~3.0.4", "@volo/abp.ng.language-management": "~3.0.4", "@volo/abp.ng.saas": "~3.0.4", "@volo/abp.ng.text-template-management": "~3.0.4", "@volo/abp.ng.theme.lepton": "~3.0.4", "rxjs": "~6.5.4", "tslib": "^2.0.0", "zone.js": "~0.10.2" }, "devDependencies": { "@angular-devkit/build-angular": "~0.1000.0", "@angular-devkit/build-ng-packagr": "~0.1000.0", "@angular/cli": "~10.0.0", "@angular/compiler-cli": "~10.0.1", "@angular/language-service": "~10.0.1", "@types/jasmine": "~3.5.0", "@types/jasminewd2": "~2.0.3", "@types/node": "^12.11.1", "codelyzer": "^5.1.2", "jasmine-core": "~3.5.0", "jasmine-spec-reporter": "~5.0.0", "karma": "~5.0.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "~3.0.2", "karma-jasmine": "~3.3.0", "karma-jasmine-html-reporter": "^1.5.0", "ng-packagr": "^10.0.0", "protractor": "~7.0.0", "ts-node": "~8.3.0", "tslint": "~6.1.0", "typescript": "~3.9.5" } }

yarn manifest: No manifest

Lockfile: No lockfile


3 Answer(s)
  • User Avatar
    0
    vishalnikam created

    I am upgarding my angular App from ABP 2.7.0 to ABP 3.0.4. Some how i manged to build the Anguar app with below package.json

    { "name": "MyApp", "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": { "@angular/animations": "^10.0.11", "@angular/cdk": "^10.1.3", "@angular/common": "~10.0.1", "@angular/compiler": "~10.0.1", "@angular/core": "~10.0.1", "@angular/forms": "~10.0.1", "@angular/material": "^10.1.3", "@angular/platform-browser": "~10.0.1", "@angular/platform-browser-dynamic": "~10.0.1", "@angular/router": "~10.0.1", "@volo/abp.ng.account": "~3.0.4", "@volo/abp.ng.audit-logging": "~3.0.4", "@volo/abp.ng.identity": "~3.0.4", "@volo/abp.ng.identity-server": "~3.0.4", "@volo/abp.ng.language-management": "~3.0.4", "@volo/abp.ng.saas": "~3.0.4", "@volo/abp.ng.text-template-management": "~3.0.4", "@volo/abp.ng.theme.lepton": "~3.0.4", "jest": "^26.0.1", "jest-preset-angular": "^8.2.1", "rxjs": "~6.5.4", "tslib": "^2.0.0", "zone.js": "~0.10.2" }, "devDependencies": { "@angular-devkit/build-angular": "~0.1000.0", "@angular-devkit/build-ng-packagr": "~0.1000.0", "@angular/cli": "~10.0.0", "@angular/compiler-cli": "~10.0.1", "@angular/language-service": "~10.0.1", "@types/jasmine": "~3.5.0", "@types/jasminewd2": "~2.0.3", "@types/node": "^12.11.1", "codelyzer": "^5.1.2", "jasmine-core": "~3.5.0", "jasmine-spec-reporter": "~5.0.0", "karma": "~5.0.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "~3.0.2", "karma-jasmine": "~3.3.0", "karma-jasmine-html-reporter": "^1.5.0", "ng-packagr": "^10.0.0", "protractor": "~7.0.0", "ts-node": "~8.3.0", "tslint": "~6.1.0", "typescript": "~3.9.5" } }

    now facing below issues

    ERROR in src/app/account/account.component.ts:5:3 - error TS2305: Module '"../../../node_modules/@abp/ng.core/abp-ng.core"' has no exported member 'getAbpRoutes'.

    5 getAbpRoutes, ~~~~~~~~~~~~ src/app/app.module.ts:5:47 - error TS2307: Cannot find module '@abp/ng.setting-management.config' or its corresponding type declarations.

    5 import { SettingManagementConfigModule } from '@abp/ng.setting-management.config'; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.module.ts:10:40 - error TS2307: Cannot find module '@ngxs/logger-plugin' or its corresponding type declarations.

    10 import { NgxsLoggerPluginModule } from '@ngxs/logger-plugin'; ~~~~~~~~~~~~~~~~~~~~~ src/app/app.module.ts:12:37 - error TS2307: Cannot find module '@volo/abp.ng.account.config' or its corresponding type declarations.

    12 import { AccountConfigModule } from '@volo/abp.ng.account.config'; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.module.ts:13:42 - error TS2307: Cannot find module '@volo/abp.ng.audit-logging.config' or its corresponding type declarations.

    13 import { AuditLoggingConfigModule } from '@volo/abp.ng.audit-logging.config'; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.module.ts:14:44 - error TS2307: Cannot find module '@volo/abp.ng.identity-server.config' or its corresponding type declarations.

    14 import { IdentityServerConfigModule } from '@volo/abp.ng.identity-server.config'; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.module.ts:15:38 - error TS2307: Cannot find module '@volo/abp.ng.identity.config' or its corresponding type declarations.

    15 import { IdentityConfigModule } from '@volo/abp.ng.identity.config'; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.module.ts:16:48 - error TS2307: Cannot find module '@volo/abp.ng.language-management.config' or its corresponding type declarations.

    16 import { LanguageManagementConfigModule } from '@volo/abp.ng.language-management.config'; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.module.ts:17:34 - error TS2307: Cannot find module '@volo/abp.ng.saas.config' or its corresponding type declarations.

    17 import { SaasConfigModule } from '@volo/abp.ng.saas.config'; ~~~~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.module.ts:18:52 - error TS2307: Cannot find module '@volo/abp.ng.text-template-management.config' or its corresponding type declarations.

    18 import { TextTemplateManagementConfigModule } from '@volo/abp.ng.text-template-management.config'; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

  • User Avatar
    0
    armanozak created

    Hi @vishalnikam,

    With v3.0, we have removed the config packages and introduced secondary endpoints instead, such as @volo/abp.ng.account/config (attention to the second slash before the word config), as described in the migration guide. Please follow the related topic in the migration guide for the config modules.

    Also, there is an import from @ngxs/logger-plugin in your app.module.ts but it does not exist in the package.json file. You will need to install it.

    Please let me know if this resolves the issue for you.

    I wish you a very nice day.

  • User Avatar
    0
    alper created
    Support Team Director

    closing due to inactivity...

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11