Docusaurus 中使用 require 引入静态图片资源
· 阅读需 2 分钟
TL;DR
在 Docusaurus 组件中使用 /images/xxx.png 直接引用图片，构建后可能 404。改用 require('@site/static/images/xxx.png').default 可确保图片被 Webpack 正确打包。
2 篇博文 含有标签「构建问题」
查看所有标签Node 24 升级后 Docusaurus 构建失败的解决方案
· 阅读需 2 分钟
在 Docusaurus 组件中使用 /images/xxx.png 直接引用图片，构建后可能 404。改用 require('@site/static/images/xxx.png').default 可确保图片被 Webpack 正确打包。