- Template: app
- Created ABP Studio Version: 2.2.1
- Current ABP Studio Version: 2.2.1
- Tiered: Yes
- Multi-Tenancy: Yes
- UI Framework: angular
- Theme: leptonx
- Theme Style: system
- Theme Menu Placement: side
- Progressive Web App: No
- Run Progressive Web App Support: No
- Database Provider: ef
- Database Management System: postgresql
- Separate Tenant Schema: Yes
- Mobile Framework: none
- Public Website: No
- Social Login: Yes
- Include Tests: Yes
- Kubernetes Configuration: No
- Distributed Event Bus: rabbitmq
- Use Local References: No
- Optional Modules:
- GDPR
- FileManagement
- TextTemplateManagement
- LanguageManagement
- AuditLogging
- Chat
- OpenIddictAdmin
- Selected Languages: Chinese (Simplified), Chinese (Traditional), English, English (United Kingdom), French, German (Germany), Italian, Portuguese (Brazil), Spanish, Turkish
- Default Language: Chinese (Simplified)
- Create Command: abp new Analision -t app --tiered --ui-framework angular --database-provider ef --database-management-system postgresql --theme leptonx --separate-tenant-schema --skip-migration --skip-migrator --without-cms-kit --sample-crud-page --dont-run-install-libs --dont-run-bundling -chat -file-management
- Exception message and full stack trace:
- Steps to reproduce the issue:
When creating a layered solution with ABP Studio, I choose Angular as the frontend. However, in the generated Angular project, many essential files such as package.json and angular.json are missing. In contrast, when creating a single layered solution, all the necessary files are generated.
Why does this happen, and how can I ensure that all the required files are created when setting up a layered solution with Angular in ABP Studio?
2 Answer(s)
-
0
This happens because your create command explicitly tells ABP Studio/CLI not to run the frontend setup steps for the Angular app:
--dont-run-install-libs--dont-run-bundling
In tiered + Angular solutions, ABP generates the Angular UI under the
angular/folder and then (normally) runs additional steps to prepare it. If you skip these, the Angular workspace may be left in an unprepared/partial state, which can look like “missing Angular files” (e.g.,package.json,angular.json) depending on what exactly was generated vs. what was supposed to be restored/prepared afterward.To ensure all required Angular files are created:
- Create the solution without those flags (recommended):
abp new Analision -t app --tiered --ui-framework angular --database-provider ef --database-management-system postgresql --theme leptonx --separate-tenant-schema --skip-migration --skip-migrator --without-cms-kit --sample-crud-page(i.e., remove `--dont-run-install-libs` and `--dont-run-bundling`)If the solution is already created, ensure you are checking the correct location:
- The Angular app root is the
angular/folder (at the solution root, next toaspnet-core/in Angular UI solutions).
- The Angular app root is the
Then follow the Angular quick-start expectations (Angular project root should include
angular.json,package.json, etc.). If dependencies weren’t installed automatically, install them manually in theangular/folder:
cd angular yarn
- https://abp.io/docs/10.1/suite/solution-structure
- https://abp.io/docs/10.1/framework/ui/angular/quick-start
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.
-
0
I ran the below command as stated above comment but the files are still missing...
abp new Analision -t app --tiered --ui-framework angular --database-provider ef --database-management-system postgresql --theme leptonx --separate-tenant-schema --skip-migration --skip-migrator --without-cms-kit --sample-crud-page
