Still having issues with schema, and autocomplete

[akilisosa]

Amplify CLI Version

12.13.0

Question

I am using amplify gen2 in my angular project. I asked this question in the thursday chats, and it seemed like it resolved last time in my react app, however I cannot figure out the solution to this in my current project.

there are issues related to this, but basically what i heard in the meeting was that if its my amplify_outputs.json it should be available:

Room type:

as you can see the regular .list works. but the index ones based of the schema throw an error.

[chrisbonifacio]

Hi @akilisosa 👋 thanks for raising this issue.

What particular error are you getting when trying to run the listRoomsBySimpleCode query?

[akilisosa]

Property 'listRoomsBySimpleCode' comes from an index signature, so it must be accessed with ['listRoomsBySimpleCode'].

If i change all that, and add 'any' as the client type, i get a client error when i make the request:

If you are interested in testing out the repo - this is the project i was working for the hackathon: https://github.com/akilisosa/nom-kitties-angular-v5 s

I was doing it to get familiar with gen2 before i transfer my other app over.

[chrisbonifacio]

Hi @akilisosa thank you for the repro app. i wasn't able to see that error, i ran into some issues trying to install the dependencies:

 code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: amplify-angular-template@0.0.0
npm error Found: @angular/compiler-cli@18.2.13
npm error node_modules/@angular/compiler-cli
npm error   dev @angular/compiler-cli@"~18.2.13" from the root project
npm error
npm error Could not resolve dependency:
npm error peer @angular/compiler-cli@"^16.0.0" from @angular-devkit/build-angular@16.2.16
npm error node_modules/@angular-devkit/build-angular
npm error   dev @angular-devkit/build-angular@"~16.2.12" from the root project

not sure how to resolve these angular deps errors

[akilisosa]

@chrisbonifacio those install issues might be because you have an older version of angular cli installed on your computer/cached somewhere.

The updated version of nomkitties-v5 is using angular version 19 of angular which was just released a week ago, you can also just do --force to install them. and it should run.

if you run into the dependency issue with appsync library:

R! Could not resolve dependency:
npm ERR! peer @angular/core@"^17.0.0 || ^18.0.0" from apollo-angular@7.2.1
npm ERR! node_modules/apollo-angular
npm ERR!   apollo-angular@"^7.2.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @angular/core@18.2.13
npm ERR! node_modules/@angular/core
npm ERR!   peer @angular/core@"^17.0.0 || ^18.0.0" from apollo-angular@7.2.1
npm ERR!   node_modules/apollo-angular
npm ERR!     apollo-angular@"^7.2.1" from the root project

just force that one through there are no issues.

[chrisbonifacio]

@akilisosa thank you! i was able to install and run the dev server.

i was also able to reproduce the issue:

a workaround seems to be accessing the object like this:

res = (
        await client.models.Room['listRoomsBySimpleCode']({ simpleCode: code })
      ).data;

i'll mark this as a bug for the team to investigate further.

[akilisosa]

@chrisbonifacio I'm glad you were able to get through it.

While i could get past the linting error with the ['name'] syntax, when I tried to make the actual all I got an error.