#Looping over Image component throw error

8 messages · Page 1 of 1 (latest)

hybrid locustBOT
#

Hi @still prism. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

Based on the information provided in the extracts, it seems like you're trying to loop over an array of skills and render an Image component for each skill. However, you're encountering an error.

Unfortunately, the extracts do not provide specific information about the error you're encountering. However, there are a few things you could check based on common issues reported in the Astro GitHub issues:

  1. Ensure that the images you're importing exist at the specified paths and that the paths are correct.

  2. Make sure that the Image component from astro:assets is being used correctly. According to the extract from issue #5673 (https://github.com/withastro/astro/issues/5673), the @astrojs/image component has been removed and you should migrate to astro:assets.

  3. Check if the error is related to the Astro build or development process. Some users have reported issues with image imports failing during the build process or throwing warnings during development, as seen in the extract from issue #5380 (https://github.com/withastro/astro/issues/5380).

If the error persists, it would be helpful to know the exact error message you're receiving. This would provide more context and help in diagnosing the issue.

For more detailed information on how to use Astro, you can refer to the Astro documentation (https://docs.astro.build).

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

#

@still prism kapa.ai is still learning and improving, please let us know how it did by reacting below

still prism
#

@hybrid locust
here is the error
node:internal/process/promises:289
triggerUncaughtException(err, true /* fromPromise */);
^

UnsupportedImageFormat: Received unsupported format undefined from undefined. Currently only jpeg, jpg, png, tiff, webp, gif, svg, avif are supported by our image services.
at Object.validateOptions (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/assets/services/service.js:60:15)
at Module.getImage (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/assets/internal.js:71:68)
at async Module.getImage (astro:assets:21:42)
at async eval (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/components/Image.astro:24:17)
at async AstroComponentInstance.render (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/runtime/server/render/astro/instance.js:44:7)
at async Object.render (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/runtime/server/render/component.js:342:7)
at async Module.renderChild (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/runtime/server/render/any.js:36:5)
at async Object.renderToFinalDestination (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/runtime/server/render/util.js:119:7)

hybrid locustBOT
#

Let me check the knowledge base for you. One moment! :books:

#

Sorry @still prism, I seem to be having a bit of trouble. Don't worry though, I've pinged my supprt and they will try to fix me up! :technologist:

Perhaps try again in 15mins?

still prism
#

@hybrid locust
here is the error
node:internal/process/promises:289
triggerUncaughtException(err, true /* fromPromise */);
^

UnsupportedImageFormat: Received unsupported format undefined from undefined. Currently only jpeg, jpg, png, tiff, webp, gif, svg, avif are supported by our image services.
at Object.validateOptions (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/assets/services/service.js:60:15)
at Module.getImage (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/assets/internal.js:71:68)
at async Module.getImage (astro:assets:21:42)
at async eval (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/components/Image.astro:24:17)
at async AstroComponentInstance.render (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/runtime/server/render/astro/instance.js:44:7)
at async Object.render (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/runtime/server/render/component.js:342:7)
at async Module.renderChild (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/runtime/server/render/any.js:36:5)
at async Object.renderToFinalDestination (/home/alpha/Documents/my-projects/migration-portfolio/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/astro/dist/runtime/server/render/util.js:119:7)

hybrid locustBOT
#

Let me check the knowledge base for you. One moment! :books: