vinodnimbalkar / svelte-pdf

svelte-pdf provides a component for rendering PDF documents using PDF.js
https://www.npmjs.com/package/svelte-pdf
MIT License
196 stars 47 forks source link

SyntaxError: ambiguous indirect export: default #39

Closed aureleoules closed 1 year ago

aureleoules commented 1 year ago

Running on SvelteKit:

let PdfViewer;
onMount(async () => {
  const module = await import("svelte-pdf");
  PdfViewer = module.default;
});

leads to

Uncaught (in promise) SyntaxError: ambiguous indirect export: default [PdfViewer.svelte:5:9](http://localhost:3000/node_modules/svelte-pdf/PdfViewer.svelte)
    rejected [id].svelte:1129
    (Async: promise callback)
    step [id].svelte:1136
    __awaiter [id].svelte:1139
    __awaiter [id].svelte:1116
    instance [id].svelte:26
    run index.mjs:18
    map self-hosted:221
    mount_component index.mjs:1427
    flush index.mjs:746
    init index.mjs:1515
    Root root.svelte:690
    createProxiedComponent svelte-hooks.js:245
    ProxyComponent proxy.js:241
    Proxy<Root> proxy.js:341
    _init start.js:649
    start start.js:533
    AsyncFunctionNext self-hosted:807
    (Async: async)
    start start.js:1099
    <anonymous> 16:454

which refers to

import FileSaver from "/node_modules/file-saver/dist/FileSaver.min.js?v=83e1d885";
vinodnimbalkar commented 1 year ago

for SvelteKit, please try with

<script>
    import PdfViewer from 'svelte-pdf';
</script>

<PdfViewer url="YOUR-PDF-URL" />

Please ref: Playground image

aureleoules commented 1 year ago

Thanks, I was actually using an older version of SvelteKit. I migrated to the newer version and it works now.