我计划使用Nuxt 3建立SSR网站。我使用nuxt映像来处理静态目录下的所有图像。我想知道裸体图像不太好,但我不知道如何解决。为了清楚起见,请看我下面的步骤。
我的项目目录:
components
pages
static/
sample-image.webp
app.vue
nuxt.config.ts
package.json
package.json
"scripts": {
"dev": "nuxt dev",
"build": "nuxt build"
},
"devDependencies": {
"nuxt": "3.0.0-rc.12",
"@nuxt/image": "^0.7.1"
}
nuxt.config.ts
export default defineNuxtConfig({
modules: [
"@nuxt/image",
]
})
MyImage.vue组件:
<script setup></script>
<template>
<div>
<NuxtImg
format="webp"
src="/sample-image.webp"
loading="lazy"
alt="Sample Image"
/>
</div>
</template>
我在纱线开发公司()收到了这个警告。
WARN [h3] Implicit event handler conversion is deprecated. Use eventHandler() or fromNodeMiddleware() to define event handlers.
Route: /_ipx
Handler: function IPXMiddleware(req, res) {
return handleRequest({ url: req.url, headers: req.headers }, ipx).then((_res) => {
res.statusCode = _res.statusCode;
res.statusMessage = _res.statusMessage;
for (const name in _res.headers) {
res.setHeader(name, _res.headers[name]);
}
res.end(_res.body);
});
}
然后我在访问http://localhost:3000时遇到了一个错误500
[nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'component')
希望有人能帮忙。
提前谢谢。
发布于 2022-11-02 18:38:04
您正在使用Nuxt2 nuxt-image
模块。尝试删除它并使用这个Nuxt映像(对于Nuxt 3)包
https://stackoverflow.com/questions/74273561
复制相似问题