ffmpegwasm / ffmpegwasm/ffmpeg.wasm

Vite: Cannot use import statement outside a module

オープン
#603 コメント 6 件 リアクション 7 件 担当者 0 名 GitHub で見る
主要言語
C
スター
17.8k
フォーク
1.1k
PR マージ指標
30日以内にマージされた PR はありません

説明

**Describe the bug**
I'm trying to use it in a SvelteKit project. But I'm getting "Cannot use import statement outside a module" on this line:
```javascript
import { toBlobURL, fetchFile } from "@ffmpeg/util"
```

**To Reproduce**
1. Install `@ffmpeg/ffmpeg` and `@ffmpeg/util` in a blank SvelteKit project.
2. In your `src/routes/+page.svelte` file, initialize ffmpeg.wasm:
```javascript
import { onMount } from "svelte";
import { FFmpeg } from "@ffmpeg/ffmpeg";
import { toBlobURL, fetchFile } from "@ffmpeg/util";
let loaded = false;

const ffmpeg = new FFmpeg();
ffmpeg.on("log", ({ message }) => {
console.log(message);
});

onMount(async () => {
const baseURL = "https://unpkg.com/@ffmpeg/core-mt@0.12.4/dist/esm";
await ffmpeg.load({
coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, "text/javascript"),
wasmURL: await toBlobURL(
`${baseURL}/ffmpeg-core.wasm`,
"application/wasm"
),
workerURL: await toBlobURL(
`${baseURL}/ffmpeg-core.worker.js`,
"text/javascript"
),
});
loaded = true;
});
```

**Error**
```
Cannot use import statement outside a module

...\node_modules\.pnpm\@ffmpeg+util@0.12.1\node_modules\@ffmpeg\util\dist\esm\index.js:1
import { ERROR_RESPONSE_BODY_READER, ERROR_INCOMPLETED_DOWNLOAD, } from "./errors.js";
^^^^^^
```

**Enviroment:**
- OS: Windows 11
- Browser: chrome
- Node Version: v18.17.1

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。