'ng update' does not work with yarn workspaces

[pleinonen]

🐞 Bug report

Command (mark with an x)

- [ ] new
- [ ] build
- [ ] serve
- [ ] test
- [ ] e2e
- [ ] generate
- [ ] add
- [X] update
- [ ] lint
- [ ] xi18n
- [ ] run
- [ ] config
- [ ] help
- [ ] version
- [ ] doc

Is this a regression?

No

Description

I am utilizing yarn workspaces -feature in my project. Problem is that I have to keep Angular & AngularCLI dependencies on root packages.json, otherwise 'ng update' command can't figure out the version I currently have. I'd rather keep root package.json clean and move Angular & CLI dependencies to project/package.json to keep things isolated.

Looking at the code, update command resolves dependencies from root package, even when command is executed on package folder. Would it be possible to change behavior in a way that update would first check package dependencies and the fall back to root if nothing is found?

🔬 Minimal Reproduction

• init yarn workspace project as follows: https://yarnpkg.com/lang/en/docs/workspaces/
• init angular app with cli and move dependencies from root package.json to workspace-a/package.json (example from previous step)
• wait until new angular version is available
• cd to 'workspace-a' and run 'ng update'. Command fails to find any dependencies to update.

🔥 Exception or Error

N/A

🌍 Your Environment

Angular CLI: 8.0.3
Node: 10.15.3
OS: win32 x64
Angular: 8.0.1
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router, service-worker

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.800.3
@angular-devkit/build-angular     0.800.3
@angular-devkit/build-optimizer   0.800.3
@angular-devkit/build-webpack     0.800.3
@angular-devkit/core              8.0.3
@angular-devkit/schematics        8.0.3
@angular/cli                      8.0.3
@angular/pwa                      0.800.3
@ngtools/webpack                  8.0.3
@schematics/angular               8.0.3
@schematics/update                0.800.3
rxjs                              6.4.0
typescript                        3.4.5
webpack                           4.30.0

Root package.json:

  "dependencies": {},
  "devDependencies": {
    "npm-run-all": "^4.1.5"
  },

'workspace-a/package.json':

"dependencies": {
    "@angular/animations": "~8.0.1",
    "@angular/common": "~8.0.1",
    "@angular/compiler": "~8.0.1",
    "@angular/core": "~8.0.1",
    "@angular/forms": "~8.0.1",
    "@angular/platform-browser": "~8.0.1",
    "@angular/platform-browser-dynamic": "~8.0.1",
    "@angular/pwa": "^0.800.3",
    "@angular/router": "~8.0.1",
    "@angular/service-worker": "~8.0.1",
    "@auth0/angular-jwt": "^2.1.0",
    "@ngx-translate/core": "^11.0.1",
    ...
    "rxjs": "~6.4.0",
    "tslib": "^1.9.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.800.0",
    "@angular/cli": "~8.0.3",
    "@angular/compiler-cli": "~8.0.1",
    "@angular/language-service": "~8.0.1",
    ...
  }

Anything else relevant?

[alan-agius4]

Hi, thanks for opening this, however at the moment this is not supported, and hence I am going to mark it as a feature request.

[laneschmidt]

I'm also struggling with this one while trying to upgrade to Angular 9. Is it possible yet?

[andreialecu]

I think there may have been some progress here in recent versions because running ng update with no parameters correctly identifies dependencies and what should be updated:

ng update
Using package manager: 'yarn'
Collecting installed dependencies...
Found 142 dependencies.
    We analyzed your package.json, there are some packages to update:
    
      Name                                                   Version                  Command to update
     ----------------------------------------------------------------------------------------------------
      @angular/cdk                                           8.2.3 -> 9.1.0           ng update @angular/cdk
      @angular/material                                      8.2.3 -> 9.1.0           ng update @angular/material

However, the actual update command for a package doesn't work:

ng update @angular/cdk
Using package manager: 'yarn'
Collecting installed dependencies...
Found 142 dependencies.
Package '@angular/cdk' is not a dependency.

Seems like we're almost there. The problem is on this line:

angular-cli/packages/angular/cli/commands/update-impl.ts

Line 546 in 9b7b2f0

const node = rootDependencies[pkg.name] && rootDependencies[pkg.name].node;

Notice how it says Found 142 dependencies. The .node property is not defined, but the actual dependency is there in the rootDependencies object.

[andreialecu]

Possibly relevant: gatsbyjs/gatsby@3b5e41b

Seems like a similar commit in gatsby for resolving issues with yarn workspaces. They replaced read-package-tree with their own implementation.

[ScarletFlash]

Still relevant.
Trying to upgrade from v9 to v10:

The installed local Angular CLI version is older than the latest stable version.
Installing a temporary version to perform the update.
Installing packages for tooling via yarn.
Installed packages for tooling via yarn.
Repository is not clean. Update changes will be mixed with pre-existing changes.
Using package manager: 'yarn'
Collecting installed dependencies...
Found 21 dependencies.
Package '@angular/cli' is not a dependency.

[andreialecu]

I opened a PR at #18610 to implement this. cc @alan-agius4

[boeckMt]

I opened a PR at #18610 to implement this. cc @alan-agius4

@andreialecu will this work for npm workspaces too?

[andreialecu]

@boeckMt I haven't tested it, but the PR I made was package manager agnostic - not yarn specific. It was mainly changing some hard coded path handling to use things like require.resolve instead.

[ahnpnl]

I do

yarn workspace <angular_project_folder> ng update @angular/core @angular/cli

and it worked for me.

[angular-robot]

Just a heads up that we kicked off a community voting process for your feature request. There are 20 days until the voting process ends.

Find more details about Angular's feature request process in our documentation.

[angular-robot]

Thank you for submitting your feature request! Looks like during the polling process it didn't collect a sufficient number of votes to move to the next stage.

We want to keep Angular rich and ergonomic and at the same time be mindful about its scope and learning journey. If you think your request could live outside Angular's scope, we'd encourage you to collaborate with the community on publishing it as an open source package.

You can find more details about the feature request process in our documentation.

[vlio20]

The issue is happens also in npm workspaces:
#26311

[jjgriff93]

STILL an issue

[EinfachHans]

For me it works to temporary remove the dependencies that exist locally in the monorepo from the package.json, then run the update and then re-add them.

Anyways a direct support from angular would be awesome!

[Ameni-sbai16]

Still facing issues while migrating from Angular v16 to v17. Is there still no solution for this?

[alydemah]

For me it works to temporary remove the dependencies that exist locally in the monorepo from the package.json, then run the update and then re-add them.

Anyways a direct support from angular would be awesome!

This issue still exists in Angular v19 this workaround still works though for yarn workspace, update was success.
would be great if this issue be solved.
Thanks

[michaelurban]

Throwing sand in the gears here doesn't make much sense.

Angular projects exists in monorepos outside of managed workspaces. That's a fact; it's not going to change. You want this, it means Angular is being used. We're choosing to use Angular but instead of embracing commonly employed and widely accepted practices, Angular is getting in the way. Dictating "the way things should work" rather than accepting reality.

Fix this.

Making people delete their workspace dependencies before an upgrade is a bizarre requirement. Stop.

[michaelurban]

I ended up switching to pnpm for my package manager and using pnpm-workspace.yaml to define my workspace.

angular.json:

{
 "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
...
 "cli": {
    "packageManager": "pnpm",
  }
}

pnpm workspace deps can be referenced in package.json without issue.

package.json:

{
  "name": "app",
  ...
  "dependencies": {
    `"@project/library": "workspace:*",`
  }
}

ng update output:

$ ng update
Using package manager: pnpm
Collecting installed dependencies...
Found <n> dependencies.
    Package @project/library was not found on the registry. Skipping.

[muuvmuuv]

@michaelurban how did you get the update running I get Error: This command is not available when running the Angular CLI outside a workspace. in the monorepo root.

[xodiumluma]

yarn upgrade-interactive <- must use yarn berry - v4, don't use classic yarn - v1.
This will update package.json, forget yarn ng update or like that.