pnpm devでテストサーバー開けたらSOMETHING_HAPPENED_IN_PROMISEエラーが発生

[saschanaz]

💡 Summary

devtoolsではUncaught (in promise) ReferenceError: LANGS is not definedエラーが見える

pnpm --filter backend buildでswcがboot.jsをビルドしてしまっているのが原因（pnpm build-assetsの結果を上書きする）

🥰 Expected Behavior

エラーが発生しない

🤬 Actual Behavior

する

📝 Steps to Reproduce

1. pnpm dev
2. ブラウザでlocalhost:3000にアクセス

💻 Frontend Environment

* Model and OS of the device(s): Windows 11
* Browser: Firefox 123
* Server URL: http://localhost:3000
* Misskey: `develop`

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service: `pnpm dev`
* Misskey: `develop`
* Node: v21.4.0
* PostgreSQL: docker v15
* Redis: docker v7
* OS and Architecture: Windows 11

Do you want to address this bug yourself?

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

[saschanaz]

swcrcで何とかexcludeしたいですができなくて謎

[kakkokari-gtyih]

多分viteのhmr関係で、フロントエンドはlocalhost:5173から開けるようになってるはず・・・？

[saschanaz]

昔は3000だっだのにいつから？！

5173もなぜかECONNREFUSEDで動きませんので謎です

11:46:19 [vite] http proxy error at /favicon.ico:
AggregateError [ECONNREFUSED]:
    at internalConnectMultiple (node:net:1114:18)
    at afterConnectMultiple (node:net:1667:5)
11:46:22 [vite] ws proxy error:
AggregateError [ECONNREFUSED]:
    at internalConnectMultiple (node:net:1114:18)
    at afterConnectMultiple (node:net:1667:5)
11:46:22 [vite] http proxy error at /api/meta:
AggregateError [ECONNREFUSED]:
    at internalConnectMultiple (node:net:1114:18)
    at afterConnectMultiple (node:net:1667:5)
11:46:22 [vite] http proxy error at /api/emojis?:
AggregateError [ECONNREFUSED]:
    at internalConnectMultiple (node:net:1114:18)
    at afterConnectMultiple (node:net:1667:5)
11:46:22 [vite] http proxy error at /sw.js:
AggregateError [ECONNREFUSED]:
    at internalConnectMultiple (node:net:1114:18)
    at afterConnectMultiple (node:net:1667:5)
11:46:22 [vite] ws proxy error:
AggregateError [ECONNREFUSED]:
    at internalConnectMultiple (node:net:1114:18)

[saschanaz]

あ、test.yml使ってないんだ

[saschanaz]

:3000でアクセスしたら警告が出るようにしたいですがどうしたらいいでしょう

[Hoto-Cocoa]

私も同じエラーを受けています。
奇妙な点はログインしているタブでは正常に動作しますが、そうでないゲストタブではエラーが発生します。

[Hoto-Cocoa]

ひとまずは pnpm build-assets で解決できましたが変更したコードに frontend の変更はありませんでした。

[kakkokari-gtyih]

MK_DEV_PREFER=backend pnpm dev すれば従来の方式で開発環境が動くはずです

[tamaina]

昔は3000だっだのにいつから？！

#12593

[kakkokari-gtyih]

5173もなぜかECONNREFUSEDで動きませんので謎です

たぶんフロントエンドだけ起動してまだバックエンドが起動してないのでそうなってるんだと思われ

[tamaina]

:3000でアクセスしたら警告が出るようにしたいですがどうしたらいいでしょう

よさそう

[ToshihitoKon]

同様のエラーが本番環境で出るようになったのですが、こちらのIssueに関連するものですかね？
こちらはdev環境の話っぽいのでprodだと違うのかもしれません
別原因そうであれば別でIssue建てようかなと思っております

動作環境のsystemdサービス定義抜粋

[Service]
User=root
ExecStart=/usr/bin/npm start
WorkingDirectory=/home/misskey/misskey
Environment="NODE_ENV=production"

現象:
PCブラウザからトップを開こうとするとFailed to loadとなり、コンソールにUncaught (in promise) ReferenceError: LANGS is not definedと出る

再現:
PCのChrome(123.0.6312.87)で100%再現、Cookie削除やプライベートタブを利用しても変わらず
拡張のAdBlock等は利用していません
PWAで入れておいたAndroidからは問題なく利用できています

Misskey環境: GCP GCE上

$ uname -a
Linux misskey 5.10.0-28-cloud-amd64 #1 SMP Debian 5.10.209-2 (2024-01-31) x86_64 GNU/Linux

$ git log -1
commit 78ff90f2cc3bdb3b4119f51617614d1a32afd960 (HEAD -> master, tag: 2024.3.1, origin/master)
Merge: 7e706ea66 3afdafed6
Author: syuilo <[email protected]>
Date:   Sat Mar 2 17:06:46 2024 +0900

    Merge pull request #13493 from misskey-dev/develop

    Release: 2024.3.1

きっかけ？:
突然
最近MisskeyアップデートしたりChromeを久々にアップデートしたりして再起動したら起きまして継続中です

[samunohito]

pnpm --filter backend buildでswcがboot.jsをビルドしてしまっているのが原因（pnpm build-assetsの結果を上書きする）

バックエンドの変更があると↑でビルドするようにしていますが、build-assetsまで出来ていないのでLANGSがそのまま出てしまってるものかと思います（本来、LANGSは文言ファイルのパスに置き換えられなければいけない）。

自分のミスです。ごめんなさい。何とかできないか見てみます。

@ToshihitoKon

PCブラウザからトップを開こうとするとFailed to loadとなり、コンソールにUncaught (in promise) ReferenceError: LANGS is not definedと出る

同じ現象かと思います。

こちらはpnpm buildでビルドしていただくと改善される可能性があります。ビルド後にMisskeyを開いても改善しない場合、1度フロント側にあるjsファイルなどのキャッシュを捨てていただく必要があるかもしれません。
お手数ですが、一度試して頂けますと幸いです。

[ToshihitoKon]

@samunohito ビルドし直したところ解消されました、ありがとうございます！