docusaurus在构建后无法找到图像

Question

我有一个Docusauris站点，它在开发模式下运行良好，使用npm run start提供服务。我的文档页面(例如docs/GettingStarted.md)包括以下图像：

<img src="/images/Buttons.png" width="400"/>

它们在使用开发服务器时被正确地显示。

但是，如果我现在运行npm run build和npm run serve，则找不到图像。构建过程本应将URL更改为，例如assets/images/Buttons.png，但它没有；它保持不变为CCD_ 6。

这可能是由坏的CCD_ 7引起的。docusaurus目录位于http://localhost/prsm/doc/help我正在查看http://localhost:3000/prsm/doc/help/

docusaurus.config.js配置包含以下行：

const config = {
title: 'PRSM',
tagline: 'Participatory System Mapper',
url: 'http://localhost',
baseUrl: '/prsm/doc/help/',
onBrokenLinks: 'throw',
onBrokenMarkdownLinks: 'warn',
favicon: '/images/favicon.ico',
...

我做错了什么？

Answer 1

我应该做的是更仔细地阅读文档。我试图实现的正确语法是：

<img src={require("/static/images/Buttons.png").default} width="400"/>