Angular中调用mermaidAPI.initialize时maxTextSize选项报错如何解决？

解决方案一：移除不存在的配置项 #

TypeScript报错的核心原因是maxTextSize不属于mermaid官方定义的Config类型属性，直接删除该配置项即可通过类型检查：

ngOnInit(): void {
    this.windowHeight = window.innerHeight;
    mermaidAPI.initialize({
      logLevel: 'error',
      flowchart: {
        rankSpacing: 10,
        nodeSpacing: 20,
      },
    });
    this.changeContent();
}

解决方案二：用CSS替代文本大小控制 #

如果原本设置maxTextSize是为了调整流程图文本的显示尺寸，mermaid没有提供对应的配置项，可通过自定义CSS实现：

/* 在组件样式或全局样式文件中添加 */
.mermaid .node text {
  font-size: 14px; /* 按需调整字体大小 */
  max-width: 200px; /* 控制文本换行宽度，避免过长 */
}

解决方案三：类型断言绕过检查（不推荐） #

如果必须保留该属性（不建议，可能引发未知问题），可以通过类型断言强制绕过TypeScript的类型校验：

ngOnInit(): void {
    this.windowHeight = window.innerHeight;
    mermaidAPI.initialize({
      maxTextSize: 1000000,
      logLevel: 'error',
      flowchart: {
        rankSpacing: 10,
        nodeSpacing: 20,
      },
    } as unknown as Config);
    this.changeContent();
}

内容的提问来源于stack exchange，提问作者Rud Faden