Question

我试图利用下层/高射线图像。然而,在我试图这样做的时候,我有以下错误:

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check the render method of `ImagePage`

图像学源代码:

import React from  react ;
import Image from  next/image ;
import { Paper } from  @mui/material ;

import Img from  ../../images/image.svg ;

const ImagePage = () => {
    return (
        <div>
            <Paper>
                <Image src={Img} />
            </Paper>
        </div>
    );
};

export default ImagePage;

如果我在四舍五入点之间有任何其它部分,我看不到这一错误。形象的道路是正确的。

难道我能以不同的方式使造成这一错误的形象被抛弃吗?

Answer 1

<代码>src属性在图像组成部分中占有显赫价值。你的消息来源丝毫不错。然而,你的进口部门是一个物体,而不是一条可能与物体名称或某些保留部件名称相冲突的道路。

因此,你需要提供一种特殊产品,而不是进口物品。据说

<Image src={`../../images/image.svg`} alt= Icon  width={32} height={32}/>

PS:图像部分要求<代码>alt,width和hal。

友情链接