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

d7v8vwbk 于 2023-01-30 发布在 React

关注(0)|答案(1)|浏览(146)

这是我的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;