Как сказал Стефан, похоже, вы пытаетесь импортировать файл с именем Mermaid.svelte, который не может быть найден. Это не похоже на проблему с установкой. Я попробовал русалку для себя, и, похоже, она работает без проблем. И с посылкой, и с накоплением. Вы действительно можете использовать примеры русалки с минимальными изменениями. Однако я бы предложил привязку к определенным c узлам:
<code><script>
import mermaid from 'mermaid';
import { onMount } from 'svelte';
let graph = null;
let gantt = null;
mermaid.initialize({
startOnLoad: false,
theme: 'forest',
gantt: { axisFormatter: [
['%Y-%m-%d', (d) => {
return d.getDay() === 1
}]
] }
});
onMount(() => {
mermaid.init([ graph, gantt ]);
});
</script>
<main>
<pre bind:this={graph}>
graph LR
A-->B
Гантт title Диаграмма Ганта dateFormat ГГГГ-ММ-ДД раздел Раздел Задание: a1, 2014-01-01, 30д Другое задание: после a1, 20d раздел Другой Задание в сборе c: 2014-01-12, 12д другое задание: 24д.
К сожалению, это не работает в REPL, потому что у него возникают проблемы с импортом зависимости d3.