"this.tree.readText is not a function" error after updating nrwl/angular to 14.2.4

[chioarub]

After installing "@nrwl/angular": "^14.2.4" I am not able to use the Nx Console or the CLI to generate Angular applications

Current Behavior

TypeError when generating Angular applications using Cli/NxConsole plugin

Expected Behavior

Generate Angular applications using Cli/NxConsole plugin

Steps to Reproduce

1. generate nx workspace using npx create-nx-workspace test-workspace
2. install nrwl Angular dependency npm install -D @nrwl/angular
3. generate Angular application using cli or NxConsole plugin npx nx generate @nrwl/angular:application web-ui --style=scss --port=4200 --routing --standaloneConfig --no-interactive --dry-run

Failure Logs

run npx nx generate @nrwl/angular:application web-ui --style=scss --port=4200 --routing --standaloneConfig --no-interactive --dry-run

> NX Generating @nrwl/angular:application

TypeError: this.tree.readText is not a function at TreeWorkspaceHost.readFile (D:\Projects\Ts\Personal\test-workspace\node_modules\@schematics\angular\utility\workspace.js:23:26) at readJsonWorkspace (D:\Projects\Ts\Personal\test-workspace\node_modules\@schematics\angular\node_modules\@angular-devkit\core\src\workspace\json\reader.js:17:28) at Object.readWorkspace (D:\Projects\Ts\Personal\test-workspace\node_modules\@schematics\angular\node_modules\@angular-devkit\core\src\workspace\core.js:91:62) at async getWorkspace (D:\Projects\Ts\Personal\test-workspace\node_modules\@schematics\angular\utility\workspace.js:73:27) at async D:\Projects\Ts\Personal\test-workspace\node_modules\@schematics\angular\application\index.js:224:27

this.tree.readText is not a function

Environment

Windows 11
Node : 14.19.3
OS : win32 x64
npm : 6.14.17

nx : 14.2.4
@nrwl/angular : 14.2.4
@nrwl/cypress : 14.2.4
@nrwl/detox : Not Found
@nrwl/devkit : 14.2.4
@nrwl/eslint-plugin-nx : Not Found
@nrwl/express : Not Found
@nrwl/jest : 14.2.4
@nrwl/js : 14.2.4
@nrwl/linter : 14.2.4
@nrwl/nest : 14.2.4
@nrwl/next : Not Found
@nrwl/node : 14.2.4
@nrwl/nx-cloud : Not Found
@nrwl/nx-plugin : Not Found
@nrwl/react : Not Found
@nrwl/react-native : Not Found
@nrwl/schematics : Not Found
@nrwl/storybook : 14.2.4
@nrwl/web : Not Found
@nrwl/workspace : 14.2.4
typescript : 4.7.3

Community plugins:

[Coly010]

I can't reproduce this on MacOS with latest. I believe it might be an OS-specific issue for windows.

[Coly010]

Update, I cannot reproduce this on Windows either.

@chioarub Can you share the version of the Angular CLI that is within your workspace?
And also could you share the output of running npm ls @schematics/angular?

[xMonkfish]

I am also experiencing this error since migrating to 14.2.4 in addition I also get a similar error when trying to create a lazy loaded module

`> Executing task: npx nx generate @schematics/angular:module test --module=app-routing --route=test2 --routing --no-interactive --dry-run <

NX Generating @schematics/angular:module

[NX] Angular devkit readJsonWorkspace fell back to Nx workspaces logic
TypeError: host.readText is not a function
at C:\repos\test-repo\testproj\node_modules@schematics\angular\module\index.js:84:33
at MergeMapSubscriber.project (C:\repos\test-repo\testproj\node_modules@schematics\angular\node_modules@angular-devkit\schematics\src\rules\call.js:75:24)
at MergeMapSubscriber._tryNext (C:\repos\test-repo\testproj\node_modules@schematics\angular\node_modules\rxjs\internal\operators\mergeMap.js:67:27)
at MergeMapSubscriber._next (C:\repos\test-repo\testproj\node_modules@schematics\angular\node_modules\rxjs\internal\operators\mergeMap.js:57:18)
at MergeMapSubscriber.Subscriber.next (C:\repos\test-repo\testproj\node_modules@schematics\angular\node_modules\rxjs\internal\Subscriber.js:66:18)
at MergeMapSubscriber.notifyNext (C:\repos\test-repo\testproj\node_modules@schematics\angular\node_modules\rxjs\internal\operators\mergeMap.js:93:26)
at SimpleInnerSubscriber._next (C:\repos\test-repo\testproj\node_modules@schematics\angular\node_modules\rxjs\internal\innerSubscribe.js:27:21)
at SimpleInnerSubscriber.Subscriber.next (C:\repos\test-repo\testproj\node_modules@schematics\angular\node_modules\rxjs\internal\Subscriber.js:66:18)
at Observable._subscribe (C:\repos\test-repo\testproj\node_modules@schematics\angular\node_modules\rxjs\internal\util\subscribeToArray.js:5:20)
at Observable._trySubscribe (C:\repos\test-repo\testproj\node_modules@schematics\angular\node_modules\rxjs\internal\Observable.js:44:25)
host.readText is not a function
The terminal process "C:\Program Files\PowerShell\7\pwsh.exe -Command npx nx generate @schematics/angular:module test --module=app-routing --route=test2 --routing --no-interactive --dry-run" terminated with exit code: 1.`

npm ls @schematics/angular Info
@angular/cli@14.0.1
@schematics/angular@14.0.1
@nrwl/angular@14.2.4
@schematics/angular@14.0.1 deduped

Environment

` Node : 16.13.2
OS : win32 x64
npm : 8.1.2

nx : 14.2.4
@nrwl/angular : 14.2.4
@nrwl/cypress : 14.2.4
@nrwl/detox : Not Found
@nrwl/devkit : 14.2.4
@nrwl/eslint-plugin-nx : 14.2.4
@nrwl/express : Not Found
@nrwl/jest : 14.2.4
@nrwl/js : Not Found
@nrwl/linter : 14.2.4
@nrwl/nest : Not Found
@nrwl/next : Not Found
@nrwl/node : Not Found
@nrwl/nx-cloud : Not Found
@nrwl/nx-plugin : Not Found
@nrwl/react : Not Found
@nrwl/react-native : Not Found
@nrwl/schematics : Not Found
@nrwl/storybook : 14.2.4
@nrwl/web : Not Found
@nrwl/workspace : 14.2.4
typescript : 4.7.3

Community plugins:
@ngrx/effects: 14.0.0-rc.0
@ngrx/router-store: 14.0.0-rc.0
@ngrx/store: 14.0.0-rc.0
@ngrx/store-devtools: 14.0.0-rc.0
eslint-plugin-ngrx: 2.1.2`

[chioarub]

@Coly010 There is no Angular CLI installed in the workspace.
It will get installed once I generate the project, which at the moment I cannot do, due to the cli/NxConsole issue.
Output of npm ls @schematics/angular is
`-- @nrwl/angular@14.2.4

-- @schematics/angular@14.0.1`

[chioarub]

Removing node_modules and reinstalling got it working. Issue can be closed.

[tunecino]

Same error here when running a dry run of npx nx generate @nrwl/angular:library.

Nx: 14.4.0-beta.1
Node: 18.4.0
npm: 8.13.1
OS: macOS 11.5.2 arm64 (M1)

Removing node_modules didn't fix it for me.
In my case, the solution was to add @angular-devkit/schematics as a dev dependency.
That fixed it.

[gib]

Thank you @tunecino, that's what I needed too

[Bhargav210592]

i already have @angular-devkit/schematics then also issue is not solved

[pdavie]

Adding @angular-devkit/schematics as a dev dependency fixed it for me also.

[Emkacf]

@Bhargav210592 did you fix your issue? I have the same problem.

[webia1]

yarn add -D @angular-devkit/schematics 

[github-actions]

This issue has been closed for more than 30 days. If this issue is still occuring, please open a new issue with more recent context.