Open Closed

Adding angular library project throws compilation error after reinstalling npm #8760


User avatar
0
smansuri created

🧐 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](https://abp.io/docs/latest/studio/solcreating angular projectution-explorer#solution) and click on the Solution Configuration button.

  • ABP Framework version: v8.2.2

  • UI Type: Angular

  • Database System: EF Core (MySQL)

  • Tiered (for MVC) or Auth Server Separated (for Angular): Auth Server Separated (for Angular)

  • Exception message and full stack trace:
    ./node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-core-color.mjs:1:0-65 - Error: Module not found: Error: Can't resolve '@ctrl/tinycolor' in 'D:\G1_Development\G1.health\apps\angular\node_modules\ng-zorro-antd\fesm2022'

./node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-core-config.mjs:5:0-44 - Error: Module not found: Error: Can't resolve '@ctrl/tinycolor' in 'D:\G1_Development\G1.health\apps\angular\node_modules\ng-zorro-antd\fesm2022'

  • Steps to reproduce the issue:
    Add a new micro service to the solution using cli command "abp new OrderService -t microservice-service-pro --ui angular". It did not add angular library project.
    When try to add angular project manually as mentioned here, inthe ticket "https://abp.io/support/questions/6664/Issue-with-Creating-Angular-UI-for-New-Microservice-in-Abp-Microservice-Service-Pro-Template-with-ABP-Suite", through the cli using command : npx ng generate @abp/ng.schematics:create-lib --package-name payment-service --is-secondary-entrypoint false --is-module-template true --override true
    angular library project created. after reinstalling the npm packges getting the below error on ng serve:
    "./node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-core-color.mjs:1:0-65 - Error: Module not found: Error: Can't resolve '@ctrl/tinycolor' in 'D:\G1_Development\G1.health\apps\angular\node_modules\ng-zorro-antd\fesm2022'

./node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-core-config.mjs:5:0-44 - Error: Module not found: Error: Can't resolve '@ctrl/tinycolor' in 'D:\G1_Development\G1.health\apps\angular\node_modules\ng-zorro-antd\fesm2022'
"
After cloning the repo again and reinstalling the packages without adding angular project mannualy ng serve works fine.


1 Answer(s)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.3.0-preview. Updated on April 16, 2025, 12:13