project_e_commerce
project_e_commerce copied to clipboard
Images of products don't show on product page but do show in cart. Please help.
go to your Product.jsx file and image = {product.media.source} in the CardMedia Component
{product.media.source}
Didn't work for me unfortunately
go to your Product.jsx file and image = {product.media.source} in the CardMedia Component
This* didn't quote right
I have a problem when using {product.media.source} as well (just by cloning and changing the in the .env my public key of commerce.js)
The names, prince and description work but .media says its undefined
Here's the thing! The Commerce.js API has actually changed its response object. Here's the newest implementation of the CardMedia component: <CardMedia className={classes.media} image={product.image.url} title={product.name} /> The response for image details is now within {image} Happy coding! 😉
Here's the thing! The Commerce.js API has actually changed its response object. Here's the newest implementation of the CardMedia component: The response for image details is now within {image} Happy coding! 😉
use {product.image.url}
Im having the opposite error where the image doesnt show up in the cart, im using {item.image.url} does anyone know how to fix this?
Im having the opposite error where the image doesnt show up in the cart, im using {item.image.url} does anyone know how to fix this?
use this image = {product.media.source}
In my case {product.image.url} works.
But having issue after clicking checkout. White blind screen approaching... Errors in console: Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
The above error occurred in the div component:
Unfortunately, can't find out exact solution where is wrong...
In my case {product.image.url} works.
But having issue after clicking checkout. White blind screen approaching... Errors in console: Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
The above error occurred in the div component:
Unfortunately, can't find out exact solution where is wrong...
yeah same error of checkout page - working on that the problem is we are watching old tutorial and in that time commerce.js got updated and they have changed the name of the responese
In my case {product.image.url} works.
But having issue after clicking checkout. White blind screen approaching... Errors in console: Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
The above error occurred in the div component:
Unfortunately, can't find out exact solution where is wrong...
checkout this is working now @koushik80
you can compare it with my project https://github.com/kabir0x17/ecommerce-web-shop
Thank you Kabir! My one was started working. Anyways, I couldn't find out your Checkout.jsx file in your github link. All the best!
Thank you Kabir! My one was started working. Anyways, I couldn't find out your Checkout.jsx file in your github link. All the best!
thank you, yeah i am still on his video, not completed yeh. will gonna finish in 2 days
In my case {product.image.url} works. But having issue after clicking checkout. White blind screen approaching... Errors in console: Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. The above error occurred in the div component: Unfortunately, can't find out exact solution where is wrong...
checkout this is working now @koushik80
you can compare it with my project https://github.com/kabir0x17/ecommerce-web-shop
Im having this issue, which I can only see my title header. The rest is blank. The link is expired. Any help?