Open Closed

Not able to run module angular host application #10640


User avatar
0
kengleongps created

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

Provide us with the following info: 🧐 Hint: If you are using the ABP Studio, you can see all the information about your solution from the configuration window, which opens when you right-click on the solution and click on the Solution Configuration button.

  • Exception message and full stack trace:
  • Steps to reproduce the issue:
  1. Create new DDD module via ABP CLI abp new-module DddModule -t module:ddd -u angular
  2. Run the angular project yarn start
  3. Get error yarn run v1.22.22 error Command "start" not found. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
  4. Run the angular project ng serve dev-app
  5. Get error Project target does not exist.
  6. Found that the dev-app project has only environment file

<br>

Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

6 Answer(s)
  • User Avatar
    0
    AI-Bot created
    Support Team ABP Agent
    • The Project target does not exist. error means Angular CLI can’t find a project named dev-app in your workspace configuration (i.e., angular.json). In ABP module solutions, you typically don’t run ng serve dev-app directly; you run the workspace start script (or ng serve with the correct project name).

    • Do this instead:

    1. Go to the angular folder (workspace root where angular.json is):
    cd angular
    
    1. Install packages:
    yarn
    # or: npm install
    
    1. Start the dev app using the workspace script:
    yarn start
    # or: npm start
    
    • If you specifically want to use ng serve <projectName> then open angular/angular.json and look under:

      • projects: { ... }
      • Use the exact key there as <projectName>.
      • In many cases, the dev app project name is not dev-app (even if the folder is projects/dev-app), so ng serve dev-app fails.
    • About “dev-app has only environment file”: In ABP module templates, the dev app is a lightweight host for module development; after installing dependencies and running via yarn start, it should serve correctly. Also ensure you’ve adjusted: angular/projects/dev-app/src/environments/environment.ts to point to your running Host application URL.

    Sources:

    • https://abp.io/docs/latest/solution-templates/application-module/

    This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    sumeyye.kurtulus created
    Support Team Angular Expert

    Hello,

    Thank you for the detailed description of the issue. The errors you are encountering are likely due to the modular template being added as a DDD module without being properly integrated into a host application, which is required for it to function correctly.

    For more information, I recommend reviewing the following resources:

    If you need any further assistance, please do not hesitate to reach out. Thank you for your cooperation.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    kengleongps created

    I am creating a new reusable module using Application Module template and this will be installed to the service in my Microservice Solution.

    During development I am using the Single Layer Solution to host all the required modules and the Angular dev-app is configured to use this host application.

    This workflow is working in V9.1 but the new dev-app is not working after upgrading to V10.3.

    Please advise.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    sumeyye.kurtulus created
    Support Team Angular Expert

    Correct me if I am mistaken, but this DDD module cannot function as a host application on its own. Instead, it is intended to be consumed by a host application.

    I also suspect that the application builder migration might lead to a similar issue, so through a different mechanism. Could you confirm whether your problem resembles the one described here?

    https://abp.io/community/articles/angular-library-linking-made-easy-paths-workspaces-and-5z2ate6e#how-path-references-worked-before-the-new-angular-application-builder

    If your issue appears to be different, please feel free to share a minimal reproducible example via email (sumeyye.kurtulus@volosoft.com) or through any method you prefer.

    Thank you for your cooperation.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    kengleongps created

    I suspect the ABP CLI/Studio has code generation issue.

    The application module template do create a dev-app host application for Angular project.

    However, in v10.3 the dev-app host application is incomplete.

    The issue is reproducible by the follow scripts.

    v9.1 script

    dotnet tool uninstall -g Volo.Abp.Studio.Cli
    dotnet tool install -g Volo.Abp.Studio.Cli --version 0.9.25
    dotnet tool list -g Volo.Abp.Studio.Cli
    
    mkdir DddModule910
    cd DddModule910
    
    abp new-module DddModule -t module:ddd -u angular
    

    v10.3 script

    dotnet tool uninstall -g Volo.Abp.Studio.Cli
    dotnet tool install -g Volo.Abp.Studio.Cli --version 2.2.7
    dotnet tool list -g Volo.Abp.Studio.Cli
    
    mkdir DddModule103
    cd DddModule103
    
    abp new-module DddModule -t module:ddd -u angular
    

    Attached is the comparison result between DddModule910 and DddModule103 folders.

    The DddModule103 missing a lot of files (highlighted in grey) including the entry point app.ts.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    sumeyye.kurtulus created
    Support Team Angular Expert

    Thank you for the detailed explanation. However, this behavior is intentional and based on a design decision for that specific module. Therefore, the files are not actually missing. While we continue to support older versions, newer versions may still be updated according to our roadmap.

    If your goal is to use older templates with the latest ABP versions and features, you may encounter compatibility issues. In such cases, the documentation can help guide you through any necessary adjustments: https://abp.io/docs/9.2/get-started

    Alternatively, if you are planning to start a new project, you may want to review the latest documentation to find the most suitable template: https://abp.io/docs/latest/get-started#which-startup-template-is-suitable-for-me

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 28, 2026, 11:44
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.