fix: 修复测试页面的 Mermaid 渲染错误处理

This commit is contained in:
2026-01-24 21:43:42 +08:00
parent e138848eac
commit a7af3877b8

View File

@@ -269,15 +269,17 @@ classDiagram
const code = block.textContent; const code = block.textContent;
try { try {
mermaid.render(id, code).then(result => { // Mermaid 10.x 使用 render 方法,返回 Promise
mermaid.render(id, code).then(function(result) {
block.innerHTML = result.svg; block.innerHTML = result.svg;
console.log('[Mermaid] 成功渲染图表 ' + (index + 1)); console.log('[Mermaid] 成功渲染图表 ' + (index + 1));
}).catch(error => { }).catch(function(error) {
console.error('[Mermaid] 渲染失败:', error); console.error('[Mermaid] 渲染失败:', error);
block.innerHTML = '<div style="color: red; padding: 10px; border: 1px solid red; border-radius: 4px;">渲染失败: ' + error.message + '</div>'; block.innerHTML = '<div style="color: red; padding: 10px; border: 1px solid red; border-radius: 4px;">渲染失败: ' + error.message + '</div>';
}); });
} catch (error) { } catch (error) {
console.error('[Mermaid] 渲染异常:', error); console.error('[Mermaid] 渲染异常:', error);
block.innerHTML = '<div style="color: red; padding: 10px; border: 1px solid red; border-radius: 4px;">渲染异常: ' + error.message + '</div>';
} }
}); });
} }