reactjs Next.js 13图片和视频未显示

d7v8vwbk  于 2023-01-30  发布在  React
关注(0)|答案(1)|浏览(147)

这是我的Next.js 13中的a组件代码,包含ts、eslint以及脉轮UI。
图像和视频都无法正常工作或显示。
我尝试了HTML <img>标签以及从脉轮导入图像。仍然是同样的问题,它不工作。

import { Flex } from "@chakra-ui/react";
import Image from 'next/image';

const Navbar:React.FC = () => {
    
    return (
        <>
        <Flex bg="white" height="44px" padding="6px 12px">
            <Flex>
                <Image 
                src={"/public/images/logo.png"} alt='Apex Logo' width="350" height="300"/> 
            </Flex>
        </Flex>
        <video src={'/public/images/about video.mp4 '} controls height="100%" width="100%"></video>
        </>
    )
}
export default Navbar;

r1zk6ea1

r1zk6ea11#

我想你不必通过/public

src={"/images/logo.png"}

next.js将自动进入public文件夹

相关问题