docusaurus/react 问题集

docusaurus 简介

react 静态网站生成框架。

Markdown 的思维导图

框架提供了diagram进行。

diagram 报错

原先，我依照官网的步骤进行操作，页面并没有渲染出来。

我暂且将问题忽略，继续看文档。然后更改了修改config文件的内容。

报错 Hook useColorMode is called outside the ColorModeProvider>.Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mod

我根据网址前往后，又添加了提示的库。

结果依然报错。

解决办法

实际上，将第一步的提示放在

const config = {
  markdown: {
    mermaid: true,
  },
  themes: ['@docusaurus/theme-mermaid'],
  ······其他内容
}

原因

我没有将themes: ['@docusaurus/theme-mermaid'],放在正确的位置。这个配置和markdown一样放在第一级，而不是放在themesConfig对象中。