StackBlitzの埋め込みにて `Out of memory: Cannot allocate Wasm memory for new instance` が発生する
shutootaki opened this issue · comments
事象
スマートフォン・タブレットの場合
ローディングに失敗し、スクリーンショット1枚目のエラーになり、ページの閲覧ができなくなります。
chrome、safari、braveで試しましたが、いずれのブラウザでも同様の結果になりました。
PCの場合
ローディングはできるものの、動作が重くカクつきます。
また、stackblitzの埋め込みが表示されずに、固まってしまいます。
開発者ツールで確認した所、スクリーンショット2枚目のエラーが起こっておりました。
発生したページのURL
https://zenn.dev/takiko/articles/c28dbe72cfac77
発生した画面のスクリーンショット
再現方法
下記の記事にアクセスすると確認できます。
https://zenn.dev/takiko/articles/c28dbe72cfac77
@shutootaki ご報告ありがとうございます。
こちらでも再現することを確認しました。原因としてはStackBlitzの埋め込みが多数あることで、埋め込みに使われているWebAssemblyのメモリが足りなくなりエラーを起こしているようです。
原因の切り分けのため、以下のように素のHTMLで埋め込みで試したところ、エラーは発生しませんでした。
<html>
<body>
<iframe src="https://stackblitz.com/edit/js-puf6dy?embed=1&file=index.js" width="100%" height="100%"></iframe>
<iframe src="https://stackblitz.com/edit/js-jqnpek?embed=1&file=index.js" width="100%" height="100%"></iframe>
<iframe src="https://stackblitz.com/edit/js-puf6dy?embed=1&file=index.js" width="100%" height="100%"></iframe>
<iframe src="https://stackblitz.com/edit/js-puf6dy?embed=1&file=index.js" width="100%" height="100%"></iframe>
<iframe src="https://stackblitz.com/edit/js-puf6dy?embed=1&file=index.js" width="100%" height="100%"></iframe>
<iframe src="https://stackblitz.com/edit/js-puf6dy?embed=1&file=index.js" width="100%" height="100%"></iframe>
</body>
</html>なので原因はZenn側にあると考えますが、さらなる原因の究明には時間がかかりそうです。
このあたり技術的に詳しい方いましたらアドバイスいただけると助かります 🙏