Open Closed

abp suite is not updating Angular UI #4998


User avatar
0
mattw@agilenova.com created

Hello,

I am unable to modify an existing ABP/Angular application using abp suite (7.1.1). Although the ABP Suite UI reports that all changes were "Completed" and the database is modified, the user interface files are NOT updated in the angular project.

Environment:

  • ABP Framework version: v7.1.1
  • UI type: Angular
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): no
  • Exception message and stack trace:
    • n/a - no exceptions are reported by abp suite
  • Steps to reproduce the issue:"
    • abp suite
    • Select an existing (previously generated) entity
    • Modify it (e.g. add a Property)
    • Check:
      • Multi-tenant
      • Create user interface > Excel export
      • Create backend
      • Add migration > Update database
    • Click "Save and generate"
    • Check Angular UI for updates but there are no changes.

NOTE: I have verified that the ABP cli and ABP suite are both 7.1.1.

Please advise or let me know if you require additional information.


4 Answer(s)
  • User Avatar
    0
    masum.ulu created
    Support Team Angular Expert

    Hello Matt,

    I tried your steps but I didn't reproduce,

    Version 7.1.1 - UI angular - EF Core - Tiered: no

    Steps

    • abp suite
    • Select existing entity
    • Modify property (Created new property)
    • Click save & generate
    • Re open Server & Client project
    • Everything works fine

    I didn't get your Check and sub steps, What you mean exactly checking multi tenant etc. ?

  • User Avatar
    0
    mattw@agilenova.com created

    Regarding the substeps, I had simply selected all generation options (check boxes) on the Entity Info screen.

    After looking further into the ABP suite logs more carefully, I found this error: 2023-05-05 08:55:32.276 -04:00 [INF] Angular Schematics command failed. file:///Users/xxx/yyy/angular/.suite/schematics/run-schematics.mjs:1 import { execa } from "execa"; ^^^^^ SyntaxError: Named export 'execa' not found. The requested module 'execa' is a CommonJS module, which may not support all module.exports as named exports. CommonJS modules can always be imported via the default export, for example using:

    import pkg from 'execa'; const { execa } = pkg;

    at ModuleJob._instantiate (node:internal/modules/esm/module_job:127:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:193:5)
    at async Promise.all (index 0)
    at async ESMLoader.import (node:internal/modules/esm/loader:337:24)
    at async loadESM (node:internal/process/esm_loader:88:5)
    at async handleMainPromise (node:internal/modules/run_main:61:12)
    
  • User Avatar
    0
    mattw@agilenova.com created

    I wasn't sure how to resolve the issue (above) in 7.1.1 and upgraded the project to ABP 7.2.1. Angular UI generation is working in ABP 7.2.1 so far.

  • User Avatar
    0
    masum.ulu created
    Support Team Angular Expert

    Hi again Matt,

    I'm not sure this is because of 7.1.1 version. Can you try to apply below steps

    1.Remove ABP CLI completely with command: dotnet tool uninstall -g Volo.Abp.Cli 2.Follow the steps for remove suite completely 3.Open terminal and paste command: dotnet tool install -g Volo.Abp.Cli --version 7.1.1 4.After paste command: abp login <user-name> click enter and enter password 5.Reinstall suite with command: abp suite install --version 7.1.1 6.Try your steps again

    I just want to be sure there is stable exception on 7.1.1 version. If you can reproduce error after apply these steps let me know please. I'll try to search more for error

Made with ❤️ on ABP v9.1.0-preview. Updated on November 11, 2024, 11:11