无法从静态文件夹加载图像

2024-05-05

如何在 Next.js 的组件中加载图像?我必须先构建项目吗?如果是,有没有办法在不先构建的情况下加载图像?无论我如何尝试,我都无法让它发挥作用。


来自文档: https://nextjs.org/docs/basic-features/static-file-serving

Next.js 可以在名为的文件夹下提供静态文件,例如图像 根目录下公开。 public 内的文件可以 您的代码从基本 URL (/) 开始引用。

因此,首先添加图像public/my-image.png然后你就可以引用它:

<img src="/my-image.png" />

我认为 next.js 会监视这个目录,所以你不需要重新start每次你往服务器里放东西的时候。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

无法从静态文件夹加载图像 的相关文章

随机推荐

  • #ifdef MACRO 相当于注释吗

    假设 MACRO 没有定义 这些是等价的 ifdef MACRO Not valid C or C code endif Not valid C or C code 在 GCC 4 7 1 中 它似乎是等效的 但是否有预处理器可以做更多的事
  • 如何应用着色器并仅生成图像一次?

    我正在尝试将像素化着色器应用于我的纹理 并且我只需要将其应用一次 之后我可以一遍又一遍地重复使用我的着色器生成的图像作为纹理 而不必每次都进行计算 那么我如何拍摄一些图像 gt 应用着色器并在每次游戏加载时仅渲染它们一次 gt 并将它们用作
  • Javascript-CSS 显示和隐藏表单元素

    通过使用 Javascript 如何显示和隐藏表格的某些部分 例如 TR 或 TD 这应该取决于从数据库获取的数据 我在我的应用程序中使用 CakePHP 框架 并使用单个视图文件进行添加和编辑 在编辑模式下 根据获取的数据 我需要显示和隐
  • 更改 的默认按钮标签

    我在用
  • 如何使用 msw 有条件地模拟错误响应

    我正在处理的 UI 根据收到的响应以不同的方式呈现 我想测试用户界面4xx and 5xx收到答复 我的 api 处理程序看起来像 import rest from msw import items from apiValues expor
  • 如何基于Scrapy构建一个永远运行的网络爬虫?

    我想基于Scrapy构建一个网络爬虫 从多个新闻门户网站抓取新闻图片 我希望这个爬虫是 永远奔跑 意味着它将定期重新访问一些门户页面以获取更新 安排优先事项 为不同类型的 URL 赋予不同的优先级 多线程获取 我已经阅读了Scrapy文档
  • 如何仅为自定义类型覆盖模板“folder_full_view_item.pt”?

    这个问题的演变方式令人困惑 不过 它的某些部分 特别是一些答案 可能对某人有用 因此 我将不修改这个问题 并尝试重新表述这个问题here https stackoverflow com q 23809810 1659599 覆盖模板fold
  • 强制执行 IQueryable?

    我有一个 没有转换为 SQL 的方法 我想在 IQueryable 上执行该方法 有没有办法强制 IQueryable 执行 而不必将其存储在某个中间类中 问题是您希望您的方法在本地执行而不是在数据库中执行吗 如果是这样 AsEnumera
  • Node js:如何获取文件签名标头而不是 mime 类型?

    我下载了this https www npmjs com package mime types我的 Node js 项目的模块 它似乎在某种程度上工作正常 如果你console log mime lookup pathToFile 它返回文
  • 如何在 Windows 上的 PostgreSQL 中创建具有 UTF-8 排序规则的数据库?

    我正在为 Windows 上的 Bitbucket 服务器配置 PostgreSQL 数据库 在官方guide https confluence atlassian com bitbucketserver connecting bitbuc
  • jsonb 与 jsonb[] 对于客户的多个地址

    在 PostgreSQL 的 jsonb 字段中保存多个地址是个好主意 我是 nosql 新手 我想测试 PostgreSQL 来做到这一点 我不想有另一个包含地址的表 我更喜欢将其放在同一个表中 但我有疑问 我见过PostreSQL有js
  • 如何在C#中获取登录SID

    如何在 C net 中检索 Windows 登录 SID 不是用户 SID 而是每个会话的唯一新 SID 恐怕您必须求助于使用 P Invoke 有一个如何做到这一点的示例pinvoke net http www pinvoke net d
  • C#中为什么需要锁和对象?

    这是我一直不明白的事情 创建一个虚拟对象几乎看起来像是一个黑客locked 就像例子一样 class Account decimal balance private Object thisLock new Object public voi
  • MVC3 提交在我的复杂数据类型上返回 null

    在我的 MVC3 项目中 我有以下模型 public class CustomerModules public int ModuleId get set public string ModuleName get set public int
  • 我可以通过 Amazon API 网关异步启动长时间运行的 AWS Lambda 进程吗?

    我需要启动一个长时间运行的 AWS Lambda 作业 几分钟 将其输出写入 S3 它将用 Java 编写 实际上是 Kotlin 但这并不重要 我正在研究 Amazon API Gateway 作为此作业和其他 AWS Lambda 作业
  • 找不到模块“webpack”

    决定不在我的项目中使用 webpack 当我把它从package json出现以下错误ng s 找不到模块 webpack 错误 找不到模块 webpack 在 Function Module resolveFilename 内部 modu
  • 通过 :ref:? 从 ReST 文档中提取文本块

    我有一些 reStructuredText 文档 我想在在线帮助中使用其中的片段 似乎一种方法是通过引用 剪掉 标记片段 例如 my boring section Introductory prose blah blah blah my i
  • 在Python Spark中查看RDD内容?

    在 pyspark 中运行一个简单的应用程序 f sc textFile README md wc f flatMap lambda x x split map lambda x x 1 reduceByKey add 我想使用 forea
  • 协变和逆变中类型参数的数据类型是如何决定的?

    我当时正在读 Maurice Naftalin 和 Philip Wadler 写的 Java Generics and Collections 一书 在前两章中 我的脑子里充满了疑问 我无法找出答案 在通话中 public static
  • 无法从静态文件夹加载图像

    如何在 Next js 的组件中加载图像 我必须先构建项目吗 如果是 有没有办法在不先构建的情况下加载图像 无论我如何尝试 我都无法让它发挥作用 来自文档 https nextjs org docs basic features stati