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.

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

1 Answer(s)
  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    Hi, please see this thread. This was a known-issue and we fixed with https://github.com/abpframework/abp/pull/21797

    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 October 05, 2026, 11:32
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.