Base solution for your next web application
Open Closed

Unable to Run Angular Project with pnpm in ASP.NET Zero v15.4 #12681

User avatar
0
[email protected] created

We are using Asp.net Zero V 15.4.0 with.NET Core and Angular.

We are trying to run the Angular application using pnpm. We executed the following commands from the Angular project directory:

pnpm install pnpm approve-builds pnpm start

However, the Angular application fails to start and displays the error shown in the attached screenshot.

Our environment is:

Node.js: v26.5.0 pnpm: 11.15.1

We also tried deleting the node_modules and .angular folders and reinstalling the packages, but the issue still occurs.

Could you please confirm the correct steps for installing the dependencies and running the Angular application with pnpm in ASP.NET Zero v15.4?

Please also let us know whether any specific pnpm configuration, dependency version, or build command is required.

Thank you.

Markdown is supported
Copy & paste or drag & drop images (max 30 MB per image)
Go to accepted answer
4 Answer(s)
  • User Avatar
    0
    [email protected] created

    @ oguzhanagir,

    any update?

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    oguzhanagir created
    Support Team

    Hi @[email protected]

    In v15.4.0 angular/package.json pins "packageManager": "[email protected]", but angular/.npmrc still carries shamefully-hoist=true. pnpm 11 no longer reads non auth settings from .npmrc, they must live in pnpm-workspace.yaml. So hoisting is silently disabled, and because angular/angular.json sets "preserveSymlinks": true, esbuild can no longer resolve quill's own dependencies (quill-delta, parchment).

    Fix create angular/pnpm-workspace.yaml:

    shamefullyHoist: true
fetchTimeout: 600000

    If the file already exists (pnpm approve-builds creates it in pnpm 11 to store allowBuilds), just add the shamefullyHoist: true line to it.

    Then reinstall and run:

    cd angular
rm -rf node_modules .angular
pnpm install
pnpm approve-builds
pnpm start

    Alternative if you prefer pnpm's isolated layout: leave .npmrc alone and set "preserveSymlinks": false in angular/angular.json (projects → abp-zero-template → architect → build → options). We verified both approaches build the v15.4.0 app successfully.

    Thank you for your feedback. If the issue persists, please do not hesitate to contact us.

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    [email protected] created

    I followed the suggested steps exactly: Then I ran:

    cd angular rmdir /s /q node_modules rmdir /s /q .angular pnpm install pnpm approve-builds pnpm start

    During pnpm approve-builds, I selected and approved all the listed packages. However, I am still facing the same issue and the Angular application is not running successfully.

    I have attached screenshots for reference. Please let me know what additional configuration or troubleshooting steps are required.

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    oguzhanagir created
    Support Team

    Hi @[email protected]

    We've implemented a fix pull request here. We expect your problem to be resolved when you clean up the package related environment in the Angular runtime (package-lock.yaml, node_modules) and apply the changes made with Angular in the pull request.

    Also, make sure your global pnpm package is up to date. Relevant documentation.

    Please contact us if the problem persists.

    Thank you

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
Assignee
No one
Labels
None yet