GraphQL w/ Laravel & Vue - Vue Apollo Queries - Part 3

[@neroflelincoln2729]

If you have issues with cors, replace 'paths' => ['api/*'] by 'paths' => ['api/*', 'graphql'] in config/cors.php in your Laravel project. Worked for Laravel 8.0

[@owlf2595]

How can you ignore the error on 34:00 , It is breaking the app and can't follow the tutorial after that

[@CarlosHenrique-zb4by]

hello sir, I solved this by just adding a condition in the v-else: Before(with error): {{ book.id }} {{ book.title }} After (with no error): {{ book.id }} {{ book.title }}

[@steveyork136]

Did you ever find out what the error was at 34.14? "TypeError: Cannot read property 'books' of undefined" I'm getting the same error on the "All" and "Featured" links and the books aren't showing. "All Books" works on the first page load but clicking either the "All" or "Featured" link returns the data (i can see it in the console) but it doesn't update the view, I just get the "TypeError: Cannot read property 'books' of undefined".

[@drehimself]

No, I never fixed that error but it did render the books as you see in the video. I just left it and hoped nobody noticed, haha. Hope you figure it out!

[@vcmattsucr]

Did you ever figure this out? The behavior of the app is erratic. I'm having issues as well and you can see the data in the Vue dev tools, but the view isn't updating. Sometimes when you hit refresh it will work, but then goes haywire. Thoughts? Thank you!

[@vcmattsucr]

So, if you start off with the default (i.e. "All") and you click on "Featured", then it will show the featured books. If, after clicking on "Featured", you then try to click on any of the other categories, the view will not update but the data can be seen in the Vue dev tools. There is no error in the console window. Refreshing and starting off with the default, then clicking on any of the categories, will filter and show the books in that category. If, however, you click on a category and then try clicking on "Featured", you'll get the error message that Andre did. That's the behavior I got when I tried it multiple ways.

[@mah7moud1]

Error in created hook: "Invariant Violation: Schema type definitions not allowed in queries. Found: "undefined"" this is error happen and i searched many times but cant work it happen at appolo {} in vue component

[@haroldcreslaingo1332]

My images do not show in vue. I get 404 not found errors in the developer tools console

[@israelbazan6735]

check if your app server has these images..but i remember that these images were external urls

[@haroldcreslaingo1332]

@@israelbazan6735 Oh I fixed it just now. I used the ' instead of `

[@jhoanborges6574]

re-watching it. I'm using a mix of your tutorials to build an react native with laravel-grapql.

[@drehimself]

Awesome!

[@kresnaplaysgames]

Hi Andre, I'm just curious, why do you remove node_modules and install again? I face the same issue and follow your advice. Do you get some preferences about that case? Is that because of vue-apollo itself? Thanks.

[@drehimself]

I was getting errors and warnings with the .gql file type. I think it's related to my eslint config? Not exactly sure.

[@CarlosHenrique-zb4by]

hello gentlemen, I solved the error that occur at 34:07 by just adding a condition in the v-else: Before(with error): {{ book.id }} {{ book.title }} After (with no error): {{ book.id }} {{ book.title }}

[@vcmattsucr]

The error needs to be addressed as it causes unexpected behavior that effectively breaks the app. I've asked for help in a couple places and if I come across a solution I'll post it.

[@vcmattsucr]

So, not sure how to implement, but it says that since we separated the queries into .gql files, those files need pre-processing with graphql-tag. See vue-apollo.netlify.com/guide/components/query.html#query-gql-tag. Also not sure if the lack of pre-processing is causing the error.

[@vcmattsucr]

That didn't solve the problem...

[@MuhammadMuhaddis]

@@vcmattsucr Any updates about this issue? Were you able to fix this?

[@NayHtwe]

Please Provide Infinite Scroll Vue with Graphql in this playlist.

[@chitthu1833]

no-ok sir ... you ever skip over sometime tutorials ... part 3 0:40:48 video time .. has error sir ... Access to fetch at 'localhost:8000/graphql' from origin 'localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' ... why ???. thank somuch for upload tutorial ....

[@weizhang8954]

go to watch part 2

[@EvertonPaiva]

Thanks from Brazil, great work!

[@nadiefuego]

Saludos amigo. Gracias por la continuacion del curso.

[@drehimself]

Thanks for watching!

[@mauricioadolfozabalarojas7134]

Amazing videos, thanks my friend!

[@jovannyrch9209]

Saludos desde México :)

[@drehimself]

Thanks for watching!