我无法让 Nuxt Image 处理动态图像。如果我在开发模式下运行它,下面的代码将按预期工作,但如果我运行nuxt generate来创建一个静态站点(打算在没有 3rd 方图像提供程序的情况下托管在 Netlify 上),则图像不会得到处理。有人知道解决方法吗?这将是一个非常注重图像的静态站点,如果我不能让它工作,我将不得不放弃 Nuxt 去做别的事情,我宁愿不这样做。有一些github问题,但到目前为止没有解决..
<masonry-wall :items="project.images">
<template #default="{ item, index }">
<nuxt-img
:src="pathForImage(item.path)"
:key="index"
sizes="sm:100px md:500px lg:1000px"
/>
</template>
</masonry-wall>
项目引用了一个 Markdown 文件,我用 Nuxt Content 加载,看起来像
---
id: "project-id"
title: "project-title"
year: "2022"
images:
- path: "image1.jpg"
- path: "image2.jpg"
- path: "image3.jpg"
- path: "image4.jpg"
---