javascript - Chakra UI 未在本地加载图像

标签 javascript reactjs next.js chakra-ui

我在使用带有 Next.js 的 Chakra UI 加载本地镜像时遇到了一些困难。

<Image src="./homepage/footer/Black.svg" />

这是文件夹结构

1

在我的控制台中:

2

最佳答案

尽量将public文件夹放在根目录下,与src文件夹同级。

https://nextjs.org/docs/basic-features/static-file-serving

关于javascript - Chakra UI 未在本地加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70117996/

相关文章:

javascript - 意外的未定义作为 Observable 的订阅返回,其中需要对象

javascript - 在 React 15 中嵌套 2 个内联 if 的最佳方法是什么?

javascript - 选择当前元素 jquery - 多个div

循环内的 Javascript Promise.all()

javascript - Express 不为 React 重定向

next.js - 如何在 next.js 服务器组件中使用 router.push ('/' )?

javascript - NextJS 与 CSS/SCSS 加载器

amazon-web-services - AWS Amplify 上的 NextJS API 路由

javascript - 在 contenteditable div 中突出显示的文本上方显示弹出窗口?

javascript - 如何在 Jest 测试中模拟影子元素