pnpm devを使用してサーバーを立ち上げるとmisskeyが正常に動作しない

[nekodendislike]

💡 Summary

Misskeyのdevelopブランチをフォークして指示にある通りの環境構築を実施しプロジェクトフォルダにてpnpm startを実行した際に正常な動作を確認した後、pnpm devでMisskeyを起動すると下の画像のようになった。

コンソールには以下のエラーが表示されていた。

  path: '/vite/*',
  params: NullObject <[Object: null prototype] {}> { '*': '@vite/client' },
  query: {},
  code: 'FastifyError',
  stack: 'FastifyError\n' +
    '    at /(user)/misskey/node_modules/.pnpm/@fastify+reply-from@12.5.0/node_modules/@fastify/reply-from/index.js:195:36\n' +
    '    at /(user)/misskey/node_modules/.pnpm/@fastify+reply-from@12.5.0/node_modules/@fastify/reply-from/index.js:303:9\n' +
    '    at /(user)/misskey/node_modules/.pnpm/@fastify+reply-from@12.5.0/node_modules/@fastify/reply-from/lib/request.js:180:9\n' +
    '    at RequestHandler.runInAsyncScope (node:async_hooks:214:14)\n' +
    '    at /(user)/misskey/node_modules/.pnpm/undici@7.16.0/node_modules/undici/lib/api/api-request.js:162:14\n' +
    '    at node:internal/process/task_queues:151:7\n' +
    '    at AsyncResource.runInAsyncScope (node:async_hooks:214:14)\n' +
    '    at AsyncResource.runMicrotask (node:internal/process/task_queues:148:8)\n' +
    '    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)',
  id: 'a5c6e0b3-8160-4e16-bf9f-f201850c82ee'
}
ERR  *  [client]        Internal error occurred in /vite/*:  {
  path: '/vite/*',
  params: NullObject <[Object: null prototype] {}> { '*': 'loader/style.css' },
  query: {},
  code: 'FastifyError',
  stack: 'FastifyError\n' +
    '    at /(user)/misskey/node_modules/.pnpm/@fastify+reply-from@12.5.0/node_modules/@fastify/reply-from/index.js:195:36\n' +
    '    at /(user)/misskey/node_modules/.pnpm/@fastify+reply-from@12.5.0/node_modules/@fastify/reply-from/index.js:303:9\n' +
    '    at /(user)/misskey/node_modules/.pnpm/@fastify+reply-from@12.5.0/node_modules/@fastify/reply-from/lib/request.js:180:9\n' +
    '    at RequestHandler.runInAsyncScope (node:async_hooks:214:14)\n' +
    '    at /(user)/misskey/node_modules/.pnpm/undici@7.16.0/node_modules/undici/lib/api/api-request.js:162:14\n' +
    '    at node:internal/process/task_queues:151:7\n' +
    '    at AsyncResource.runInAsyncScope (node:async_hooks:214:14)\n' +
    '    at AsyncResource.runMicrotask (node:internal/process/task_queues:148:8)\n' +
    '    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)',
  id: '3c5eb02f-1fa9-4beb-b5cd-582b6b03c86b'
}
ERR  *  [client]        Internal error occurred in /vite/*:  {
  path: '/vite/*',
  params: NullObject <[Object: null prototype] {}> { '*': 'loader/boot.js' },
  query: {},
  code: 'FastifyError',
  stack: 'FastifyError\n' +
    '    at /(user)/misskey/node_modules/.pnpm/@fastify+reply-from@12.5.0/node_modules/@fastify/reply-from/index.js:195:36\n' +
    '    at /(user)/misskey/node_modules/.pnpm/@fastify+reply-from@12.5.0/node_modules/@fastify/reply-from/index.js:303:9\n' +
    '    at /(user)/misskey/node_modules/.pnpm/@fastify+reply-from@12.5.0/node_modules/@fastify/reply-from/lib/request.js:180:9\n' +
    '    at RequestHandler.runInAsyncScope (node:async_hooks:214:14)\n' +
    '    at /(user)/misskey/node_modules/.pnpm/undici@7.16.0/node_modules/undici/lib/api/api-request.js:162:14\n' +
    '    at node:internal/process/task_queues:151:7\n' +
    '    at AsyncResource.runInAsyncScope (node:async_hooks:214:14)\n' +
    '    at AsyncResource.runMicrotask (node:internal/process/task_queues:148:8)\n' +
    '    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)',
  id: '508a1215-6ed0-4b13-bd7e-ed54114f2413'
}

🥰 Expected Behavior

開発環境で起動し、HMRも正常に動作する

🤬 Actual Behavior

Summaryに記載した通り。

📝 Steps to Reproduce

1. Dockerを使用しない方法で開発環境を構築する（この際、ポートを3000からほかのものへ変更）
2. プロジェクトフォルダにてpnpm devを実行
3. 表示がバグる
4. pnpm build → pnpm initを実行した上でpnpm startを実行すると復元可能

💻 Frontend Environment

* Model and OS of the device(s):MacOS 26.0 Tahoe
* Browser: Safari
* Server URL: localhost
* Misskey:v2026.3.2-beta.0

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service:development environment
* Misskey: 2026.3.2-beta.0
* Node: 24.10.0
* PostgreSQL: 18.3
* Redis: 8.6.1
* OS and Architecture: MacOS 26.0 Tahoe

Do you want to address this bug yourself?

• Yes, I will patch the bug myself and send a pull request

[dosubot[bot]]

Hi @nekodendislike! I'm Dosu and I’m helping the misskey team.

この問題は、ポート変更に起因するVite開発サーバーへのプロキシ接続エラーの可能性が高いです。

pnpm dev実行時、バックエンドは/vite/*へのリクエストをVite開発サーバー（デフォルトポート5173）にプロキシします。ポートを3000から変更した場合、以下を確認してください：

1. Vite開発サーバーが起動しているか確認: コンソールに「Vite dev server」の起動ログがあるか確認
2. Viteサーバーへの接続確認: バックエンドがhttp://127.0.0.1:5173に到達できるか
3. デフォルトポートで試す: 一度ポート3000に戻してpnpm devを実行し、問題が再現するか確認

また、pnpm devはリポジトリのルートディレクトリから実行する必要があります（パッケージのサブディレクトリではなく）。

もしViteポートを変更する場合は、環境変数VITE_PORTで指定できます。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}

   

[kakkokari-gtyih]

Misskeyの開発環境を起動するには、Misskey本体に加えVite開発サーバーのポートもバックエンドと閲覧ブラウザの双方からアクセスできる必要がありますので、この点をご確認ください。Vite開発サーバーのポートは固定で、5173および5174です。開発時、MisskeyバックエンドはVite開発サーバーをプロキシしてアセットを配信し、HMRはブラウザが直接Vite開発サーバーに接続する形で実現しています。

[nekodendislike]

こちらの問題ですがdefault.ymlのURLがhttps:// になっていたのが原因でした。http:// にすると正常に動作しました。