Roundcubeのインストール

Question

お世話になってます。
今、roundcubeでメールボックスを作成したいと考えています。
一つ通り設定を終え、ログイン画面からメールボックス画面に移りたいんですが、
ログイン画面もおかしく、かつ上手くメールボックス画面に移れません。
参考サイトなどでもいいので、この部分お分かりの方おられましたらご教示ください。

問題点
ログインしても何も反応がない
(gmailでの設定をしています。その為、ユーザー名およびパスワードはGmailのものを入力)

①設定状況

②ログイン画面

③設定ファイル(config.inc.php)
変更点
IMAP
DBの設定はUSER(root),Pass(なし)
$config['db_dsnw'] = 'mysql://root:@localhost/roundcubemail';
$config['default_host'] = 'ssl://imap.gmail.com:993';

default.inc.php
SQL_DATABASE
$config['db_dsnw'] = 'mysql://root:@localhost/roundcubemail';

IMAP
config['default_host'] = 'ssl://imap.gmail.com:993';
config['default_port'] = 993;

SMTP
$config['smtp_server'] = 'ssl://smtp.gmail.com';
$config['smtp_port'] = 465;

Error

HTTP401: 拒否されました - 要求されたリソースにはユーザー認証が必要です。
POST - http://localhost:8000/?_task=login

8SCRIPT1002: SCRIPT1002: Syntax error
jquery.min.js (1,1)

0: 'rcube_webmail' is not defined
localhost:8000 (39,1)

0: '$' is not defined

階層関連

public_html---program(public_htmlフォルダ内)------------js(programフォルダ内)
------------resource(programフォルダ内)
---index.php(public_htmlフォルダ内)
---.htaccess(public_htmlフォルダ内)
---plugins(public_htmlフォルダ内)
---skins(public_htmlフォルダ内)

php -v
PHP 7.3.5 (cli) (built: May 1 2019 13:17:17) ( ZTS MSVC15 (Visual C++ 2017) x64 )
Copyright (c) 1997-2018 The PHP Group
Zend Engine v3.3.5, Copyright (c) 1998-2018 Zend Technologies

Roundcube
Version 1.4.1
roundcubeダウンロード
より、tzを解凍しXamppのhtdocsフォルダにroundcubeとして保存。
OS:Win10

インストール状況

Comments

[CHERRY]

Webサーバーのログファイルになにかメッセージは出ていないでしょうか？

[CHERRY]

あと、Gmail の場合は、通常のパスワードでは、ログインできないと思います。

安全性の低いアプリの許可やアプリパスワードの設定等はされていますか？
https://support.google.com/accounts/answer/6010255?hl=ja

[Nitta]

返信ありがとうございます。
roundcubeのerrors.log及びApachのerror.log共に
何も記録がありません。
後、ネットにあるroundcubeのログイン画面と異なっているんです。
roundcube(インストールフォルダ)内のpublic_htmlのindex.phpファイルを
参照するようにしているんですが、違うんでしょうか？

[CHERRY]

2つ目の質問の Gmail 側の設定や gmail パスワードは、どうなっているでしょうか？

[Nitta]

IMAPは有効にしてます。
gmailパスワードは、通常のものを使用しています。

[yoorwm]

いやに画面が白いですが、CSS当たってないのでは？
ログインボタンを押しても反応が無いとかなら恐らくJSの読み込みもしてないですね。
（てか、過去の質問を見ると色々手をだしているようですが、きちんと理解して解決していますか？）

[Nitta]

てか、過去の質問を見ると色々手をだしているようですが、きちんと理解して解決していますか？
⇒その都度、納得しながら解決しているつもりですが。。

[Nitta]

CHERRYさん
安全性の低いアプリに許可しています。gmailパスワードは通常のものを使ってます。

[CHERRY]

> 後、ネットにあるroundcubeのログイン画面と異なっているんです。

おそらく CSS が反映されていませんね。

Webブラウザのデベロッパーツールで確認すると CSS や JavaScript ファイルで 404 が出ていないでしょうか。

[Nitta]

SCRIPT1002: SCRIPT1002: Syntax errorやSCRIPT5009: SCRIPT5009: 'rcube_webmail' is not definedのエラーが出ています。HTTP401: 拒否されました - 要求されたリソースにはユーザー認証が必要です。のエラーも出ていますね。(´;ω;｀)
JSが読めてないですね！！つまりキチンとインストールできてないということでしょうか？

[CHERRY]

エラーメッセージのファイルパスなどの情報が不明なので、配置が間違っているのか　ファイルがないのかが判断できません。

ドメイン部分は、example.com で構わないのでエラーメッセージのファイルパスは記載していただけないでしょうか。

[Nitta]

一応、記載したんですがprogramフォルダにはjsとresourceファイルのみになってます。

[scsi]

どのようにどのバージョンのroundcubeをインストールしたか、phpのバージョンはいくつかを詳細に書いてください！

[Nitta]

質問内容上記に記載しています。よろしくお願いいたします。

[scsi]

下記のINSTALL手順は全て実行していると考えてよいですか？
https://github.com/roundcube/roundcubemail/blob/master/INSTALL

[Nitta]

インストール状況添付してます。

Answer 1

とりあえず、ここだけ。 (画像添付のため、回答欄で...)

ログインしても何も反応がない

インストール画面の上側に「3. Test config」があります。(質問に添付された「①設定状況」の画像の画面)

この画面に「Test IMAP config」という項目があり、各サーバーへの接続テストができるので、ログインしようとしている「gmailメールアドレス」と「パスワード」を入力するとログインできるでしょうか？

こちらで試した感じでは、(2段階認証を設定しているアカウントのため、)アプリパスワードを作成してためしてみるとすんなり OK になりました。
おそらく、ログインに失敗した場合は、上記画像で「IMAP connect: OK(SORT capability: no)」となっている部分に「NOT OK」とエラーメッセージが表示されると思いますので、表示されたメッセージに従って対処してみてください。

Comments

[Nitta]

自分もアプリパスワードを作成し、実在する自分のgmailアドレスを入力したらOKになりました。
ログインもできましたが、JSとCSSのところでエラーメッセージ(11:10に記載したもの)が出てます。
JSのリンク先は特に問題ない気がするんですが、会社のPCで何故かクロムが起動できないのも関係してるんですかね？

[scsi]

roundcube 1.4.1 を git clone しただけでも MACのsafari/firefox/chromeで JS/CSS が正常に表示されるのでお使いのブラウザの問題かもしれませんねー。

[Nitta]

返信ありがとうございます。
クロムが使えないんですよ。最近、何回もダウンロードしてもできない。そんなことってあるんですかね？というかできるんですか？