Блог

Я использую веб-компоненты сборника рассказов, и у меня есть .mdx stories с рендерингом моих компонентов в формате lit-html, когда я пытаюсь использовать какие-либо декораторы, даже простую функцию, это выдает мне ошибку рендеринга.

Я упускаю что-то очень простое здесь? Все, что я хочу, это когда на панели инструментов задано глобальное значение, я хочу установить это значение в корне предварительного просмотра, но я даже не могу зайти так далеко.

Заранее спасибо.

Я сталкиваюсь с той же ошибкой с Storybook, MDX и Stencil JS. Проблема, похоже, в том, что MDX анализирует любой синтаксис в стиле .tsx в элементах React вместо HTML или строк (я недостаточно хорошо понимаю встроенные функции).

Есть исправление, однако оно не идеально:

 <Story name="test">{`<my-component first="New Story"></my-component>`}</Story>
 

Это определяет шаблон истории как строку, но вы теряете подсветку синтаксиса, и это как бы помимо смысла написания многомерных историй в первую очередь.