在下一个 js src 目录中找不到视频的路径

Unable to find path for video, in next js src Directory

提问人:Dipesh Ranjan 提问时间:9/16/2023 更新时间:9/16/2023 访问量:60

问:

我尝试通过各种方法导入视频,但它不断出现错误,我无法嵌入视频。

这是 app/page.tsx 的文件

import {videoBg} from '../assets/video/videoBg.mp4'

export default function Home() {
  return (
    <>
      <main className='min-h-screen'>
        <video
          muted
          loop
          autoPlay
          className="fixed -top-2 left-0 min-w-full min-h-full -z-50 object-cover"
        >
          <source src={videoBg} type="video/mp4" />
          <source src={videoBg} type="video/ogg" />
          Your browser does not support the video tag.
        </video>
      </main>
      </>
  )
}

目录结构如下

结构

下一个.js src 视频嵌入

评论

0赞 Zak 9/16/2023
我将从您项目的基目录开始。IE If 不在根级别 ..我会import {videoBg} from 'assets/video/videoBg.mp4'assetsimport {videoBg} from 'base/directory/assets/video/videoBg.mp4'
0赞 Dipesh Ranjan 9/16/2023
你可以在这里查看结构 i.stack.imgur.com/BtBK5.png 你能指导我吗?
0赞 Zak 9/16/2023
它似乎处于基本水平..确保你的 和 在你的 -- 中相应地设置了 -- 那么你应该能够这样称呼它:assetsbaseUrlpathsjsconfig.jsonimport videoBg from 'assets/video/videoBg.mp4'
0赞 Zak 9/16/2023
还要包括您收到的错误。

答: 暂无答案