首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >不建议使用Nuxt 3/nuxt [h3]隐式事件处理程序转换。使用eventHandler()或fromNodeMiddleware()定义事件处理程序

不建议使用Nuxt 3/nuxt [h3]隐式事件处理程序转换。使用eventHandler()或fromNodeMiddleware()定义事件处理程序
EN

Stack Overflow用户
提问于 2022-11-01 08:59:17
回答 1查看 550关注 0票数 1

我计划使用Nuxt 3建立SSR网站。我使用nuxt映像来处理静态目录下的所有图像。我想知道裸体图像不太好,但我不知道如何解决。为了清楚起见,请看我下面的步骤。

我的项目目录:

代码语言:javascript
运行
复制
components
pages
static/
    sample-image.webp
app.vue
nuxt.config.ts
package.json

package.json

代码语言:javascript
运行
复制
"scripts": {
    "dev": "nuxt dev",
    "build": "nuxt build"
},
"devDependencies": {
    "nuxt": "3.0.0-rc.12",
    "@nuxt/image": "^0.7.1"
}

nuxt.config.ts

代码语言:javascript
运行
复制
export default defineNuxtConfig({
    modules: [
        "@nuxt/image",
    ]
})

MyImage.vue组件:

代码语言:javascript
运行
复制
<script setup></script>

<template>
    <div>
        <NuxtImg
            format="webp"
            src="/sample-image.webp"
            loading="lazy"
            alt="Sample Image"
        />
    </div>
</template>

我在纱线开发公司()收到了这个警告。

代码语言:javascript
运行
复制
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

代码语言:javascript
运行
复制
[nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'component')

希望有人能帮忙。

提前谢谢。

EN

回答 1

Stack Overflow用户

发布于 2022-11-02 18:38:04

您正在使用Nuxt2 nuxt-image模块。尝试删除它并使用这个Nuxt映像(对于Nuxt 3)包

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74273561

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档