3
1

Blazor wasmがiOSで動かない時の解決方法

Posted at

TL;DR

index.html ファイル内の <script src="_framework/blazor.webassembly.js"></script> の前に <script>var Module;</script> を入れることで解決

この問題について

問題発生条件

  • OS: iOS
  • ブラウザ: Safari, Chrome, Opera (検証したブラウザ全部)

エラー画像
↑のようなエラーが発生し、画面が読み込まれない
(このスクリーンショットではロードがされているが、実際はロードが98%ぐらいのところで止まっているため、サイドバーや文字は表示されない)

解決方法

プロジェクト名/wwwroot/index.html を以下のように編集する

<!DOCTYPE html>
<html lang="ja">

<head>
    ...省略...
</head>

<body>
    <div id="app">
        ...省略...
    </div>

    <div id="blazor-error-ui">
        ...省略...
    </div>

	<script src="css/bootstrap/bootstrap.min.js"></script>

+	<script>var Module;</script>
    <script src="_framework/blazor.webassembly.js"></script>
    <script>navigator.serviceWorker.register('service-worker.js');</script>
</body>

</html>

参考

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1