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

reactjs React.js

SamStafan

2020-03-23

如何在Next.js的组件中加载图像?我必须先构建项目吗?如果是,是否可以在不先构建的情况下加载图像?无论我如何尝试,我都无法正常工作。

第2692篇《Nextjs:无法从静态文件夹加载图像》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
斯丁蛋蛋 2020.03.23

从文档:

只需将文件放在static目录中,然后就可以在应用程序中引用它们,例如:

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

我认为next.js将在此目录中进行监视,因此我认为您start每次在其中放置内容时都不需要重新启动服务器。

但是,当然,您的生产版本将在什么时候更新。build每次在应用程序中进行更改时都要这样做。

老丝 2020.03.23

静态目录已弃用。将文件放在public/static目录中

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android