vuepress 引入 mermaid 失败, 求解.

安装了 npm i vuepress-plugin-mermaidjs.

清空了.temp, 重新 npm install, 在 config.js -> pluins 引入了 'vuepress-plugin-mermaidjs'

然后就是 npm run docs:dev 启动

README.md 文件只有:

graph TD
    A[开始] --> B[对接方使用 URL 链接进行免登录]
    B --> C{验证免登录信息}
    C -- 验证成功 --> D[跳转到首页]
    C -- 验证失败 --> E[跳转到首页]
    D --> F[用户访问个人中心]
    F --> G[显示用户信息]
    E --> H[用户访问个人中心]
    H --> I[跳转到登录页]

config.js 配置如下:

export default defineUserConfig({
  title: "",
  description: " ",
  lang: "zh-CN",
  port: 8081,
  dest: "public",
  //
  plugins: [
    'vuepress-plugin-mermaidjs'
  ],

  bundler: viteBundler(),
  theme: defaultTheme({
    lastUpdated: false,      // 时间戳
    contributors: false,    // 作者
    logo: '/images/icon.png',
    
  }),
});

还是没成功. 还是显示代码块. 不知道什么原因, 也没报错. 问了 ai 和搜索引擎.有没有踩过坑的 v 大佬们帮下忙.

可以找到 node_modules 里面的 plugin 的源码，打断点看看

@sibusana 写了. 不然 FSHEX 这里不会显示代码块了. 我现在的问题就是变成代码块了😂, 而不是流程图

graph TD A[开始] --> B[对接方使用 URL 链接进行免登录] B --> C{验证免登录信息} C -- 验证成功 --> D[跳转到首页] C -- 验证失败 --> E[跳转到首页] D --> F[用户访问个人中心] F --> G[显示用户信息] E --> H[用户访问个人中心] H --> I[跳转到登录页] 这部分前面有写 ```mermaid 吗