Cannot use in SvelteKit

[Manuelbaun]

Hi Guys,

your bytemd looks very cool and I like to use it in a SvelteKit project. Unfortunately I cannot make it work. I get that error :

The requested module '/node_modules/.pnpm/rehype-raw@5.1.0/node_modules/rehype-raw/index.js?v=5165e040' does not provide an export named 'default'
SyntaxError: The requested module '/node_modules/.pnpm/rehype-raw@5.1.0/node_modules/rehype-raw/index.js?v=5165e040' does not provide an export named 'default'

Any idea how to resolve that. I tried the suggested setup.

<script>
  import { Editor, Viewer } from 'bytemd';
  import gfm from '@bytemd/plugin-gfm';

  let value;
  const plugins = [
    gfm(),
    // Add more plugins here
  ];

  function handleChange(e) {
    value = e.detail.value;
  }
</script>

<template>
  <Editor {value} {plugins} on:change={handleChange} />
</template>

[codart1]

I got the same issue

[benmccann]

Duplicate of https://github.com/bytedance/bytemd/issues/96

[kotx]

Duplicate of #96

Are you sure this is the same issue? The error messages are slightly different.

[benmccann]

There's a few different issues involved. I posted a summary on the other issue. See here: https://github.com/bytedance/bytemd/issues/96#issuecomment-1054538106

[pd4d10]

Duplicate of #96

Let's track it there