ionicで作成したwebアプリをレンタルサーバーにデプロイしたが画面が真っ白になってしまう

ionicで作ったものをwebアプリとしてレンタルサーバー(xserver)にデプロイしましたが画面が真っ白で表示されません。

どのような手順を踏めば正常に動作するようになるでしょうか。

#やったこと1

これらのサイトを参考に、ionic build --prodを実行してできたwwwフォルダ内のファイルをアップロードしてアクセスすると画面が真っ白で実行されません。

以下がブラウザのconsoleで表示されたエラーです。

#やったこと2

IonicのAndroidアプリをWebアプリケーションとしてデプロイする

このサイトを参考に、以下の2つのファイルを同フォルダにアップロードしても画面が真っ白なままでした。

「httpd.conf」
<Directory "/pwa">
#   Options Indexes FollowSymLinks
    Options FollowSymLinks

#   AllowOverride None
    AllowOverride All

    Require all granted
</Directory>

「.htaccess」
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteRule ^index.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . index.html [L]
</IfModule>

以下がブラウザのconsoleで表示されたエラーです。

レンタルサーバのディレクトリ構成は以下のようになってます。

└public_html
　└app
　　├.htaccess
　　├httpd.conf
　　├index.html
　　├main-es2015.3e8bbcc….js
　　├styles.7356316….js
　　├(以下同様にwwwフォルダ内に生成されたファイル全てがappディレクトリ内に存在)

CHERRY

2020/12/12 08:23

WebブラウザのConsoleに表示されているメッセージは、404 なので、ファイルが見つからないと言うことです。具体的なファイルの配置が不明なので具体的なURL は指摘できませんが、該当するファイルは、どのディレクトリにありますか？

hinatahinata

2020/12/12 12:30

コメント頂きましてありがとうございます。質問を修正しました。エラー表示されているファイルは全てappディレクトリ内に存在します。 …ということはURLに「app」が抜けてしまっているので404となっているということになりそうです。どこを修正すれば良いか現状わからないので調査してみます。ご助言も頂けると幸いです。