Generate page when having @angular-eslint/schematics installed fails

[jesperbjerke]

Description:
After converting to eslint from tslint following this blogpost: https://ionicframework.com/blog/eslint-for-ionic-angular/
I am no longer able to run ionic generate page xxx. It seems like the "page" type is no longer available?

Steps to Reproduce:
Have @angular-eslint/schematics installed and run ionic generate page xxx

Output:

$ ionic generate page views/communication/chat/conversation
    > ng generate page views/communication/chat/conversation --project=app
    An unhandled exception occurred: Schematic "page" not found in collection "@angular-eslint/schematics".

Running npx ng g gives me the following list of available schematics:

Available Schematics:
  Collection "@angular-eslint/schematics" (default):
    app-shell
    application
    class
    component
    convert-tslint-to-eslint
    directive
    enum
    guard
    interceptor
    interface
    library
    module
    ng-add
    pipe
    resolver
    service
    service-worker
    web-worker

[ghonche]

I have the same problem. Any solution for this? @jesperbjerke

[jesperbjerke]

I have the same problem. Any solution for this? @jesperbjerke

Have not found anything. Still an issue for me.

[juanmafont]

Same here, ionic 5 updated to angular 11.

[mhartington]

Please check your angular.json for the cli field.

  "cli": {
    "defaultCollection": "@ionic/angular-toolkit"
  },

It should be set to @ionic/angular-toolkit

[mhartington]

@jesperbjerke you're issue is that the schematics got changed in your angular.json. in the error message you printed out, it's not calling the ionic/angular-toolkit.

An unhandled exception occurred: Schematic "page" not found in collection "@angular-eslint/schematics".

How and why that changed, not sure though.

[juanmafont]

"defaultCollection": "@ionic/angular-toolkit"

Yes, that's the problem. Thanks.

At my angular.json said ->
"defaultCollection": "@angular-eslint/schematics"

Maybe modificated when install eslint as default and remove tslint

[alemdg]

Please check your angular.json for the cli field.

  "cli": {
    "defaultCollection": "@ionic/angular-toolkit"
  },

It should be set to @ionic/angular-toolkit

Now I am getting

NOT SUPPORTED: keyword "id", use "$id" for schema ID

[llunardi]

I am getting the same error after editing the cli as above. Now I see "An unhandled exception occurred: NOT SUPPORTED: keyword "id", use "$id" for schema ID "

[llunardi]

I am receiving exact same error, did you ever fix?

[mhartington]

@llunardi Please open a new issue with more details and a sample repo link

[ddisqq]

I am seeing the same issue when running:
ionic generate page

An unhandled exception occurred: NOT SUPPORTED: keyword "id", use "$id" for schema ID

after fixing for above reference in angular.json