Angular 11 Support

Thank you for sharing xplat, it is awesome, I love the conventions.

I am not sure if it is only me or not. I tried a clean project following xplat’s official guidance and a clean nx project without xplat. Latest Nx support Angular 11 just fine but building fails in the xplat project.

After upgrading to angular 11 in the xplat project, running nx serve xxx was failed with this error: Cannot find module '@angular-devkit/core/src/experimental/workspace'. Downgrade @angular-devkit/core to 10 would remove this error, however the builds were not incremental hence very slow and probably a lot of other problems I didn’t know.

Should I wait for the xplat team add support to angular 11, if so, is there a rough time line available? Or is it only me? Is there a work around solution to fix above?

Thank you!

[rexebin]

Awesome! Thank you for the hard work! xplat must be near, very excited.

[NathanWalker]

For those looking to update existing Nx workspaces with xplat v10 to v11, we have published a release that you can run this migration - we have tested this against several large workspaces internally with great results. Please try it and let us know:

• 1. Migrate Nx first

nx migrate latest
npm install
nx migrate --run-migrations=migrations.json

• 1. Migrate xplat

nx migrate @nstudio/xplat@latest

npm install

IMPORTANT: Don’t forget to run npm install at the end.

Now that the latest versions are installed, kick off the xplat architecture init to add the new xplat lib separations.

You will want to pass just the platforms which you currently use in your workspace. The prefix you use can be the same your workspace is currently configured to use. This can be found in package.json under the xplat key.

nx g @nstudio/xplat:init --prefix=abc --platforms=web,nativescript --framework=angular

With the new architecture in place, you can now kick off the xplat workspace migration:

nx migrate --run-migrations=migrations.json

This will handle a lot of laborious manual update tasks like:

• Updating your tsconfig path mappings
• Updating imports throughout all shared and app code to match the new xplat lib barrels
• Update app configurations to use the latest Nx 11 has to offer
• Update nx.json and workspace to clean out old retired references and update to new ones
• Lastly move all your shared code into the new structure

Lastly do a full clean of your workspace to ensure you’re in good updated shape now:

npm run clean

We will publish a blog about this update and instructions soon but would greatly appreciate those looking to migrate existing workspaces and let us know.