macのDiscordが起動時に画面真っ黒で動かない時に試したこと

はじめに

こんにちは。

最近、AppleのM1 Max搭載のmac book proに移行しました。その中で、アプリのインストールやプログラミング用の環境構築を行いました。

デスクトップ版Discordも例外ではなかったのですが、インストール直後は正常に動いたものの、後ほど、下の画像のように、画面が真っ黒(グレー)のまま、全く動かないという謎の不具合に直面しました。

色々調べて、試行錯誤した中で、ようやく解決しましたので、何か役に立てばと思い共有します。

結論からいうと、Node.jsで誤った操作をしていたのが原因です。ですので、もし同じ状況に直面している人がいた場合、この記事に記載している解決方法がそのまま適用できない可能性が高いかと思います。しかし、何を試したかを記載しておくので、トラブルシューティングの助けになればと思います。

以下のことを試してみました。

まず、discordの再インストールと、関連ファイルの削除を行いました。

再インストールは、単純にdiscordをApplicationフォルダからゴミ箱に入れて、削除したあと、再びインストールしました。

関連ファイルの削除は、こちらの記事を参考に、以下のファイル・ディレクトリを削除しました。

また、/Library/ 配下も確認し、Discord関係があれば削除しました。

大抵の場合は、discordのトラブルはこの方法で改善するそうです。

しかし、私の場合は、解決できませんでした。

そして、いろいろ調べていくうちに、デベロッパツールを使うといい的な記事がありました。

mac版の通常版のdiscordでは、デベロッパツールを開けなかったのですが、「discord PBT」であれば、開けることに気づいたんですよね。

PBTとは、Public Test Buildの略で、公開テスト用ビルドのことのようです。

PBTは基本的にデベロッパ等向けなので、デベロッパツールが使えます。

discord PBTはこちらの下の、「公開テスト版ビルドのダウンロード」からダウンロードできます。

discord PBTを開いて、「View→Developper→Toggle Developper Tools」とすると、コンソールにエラーが出ていました。

(余談になりますが、この画面、Chromeの画面かというと違うんです。あくまでデスクトップ版のdiscord PBTの画面です。調べてみると、discordは、electronという、Node.js+chromiumのフレームワークで動いてるみたいで。興味深いです。)

おや？　このエラーどこかで見たことあるな、と思ったら。

ちょうど、Node.jsを実行するときに、見かけたエラーだったんですよね。

と思っていろいろ調べてみると、ホームディレクトリ(/Users/USERNAME/)にpackage.jsonがあり、これが原因であることが判明しました。

このpackage.jsonなど、ホームディレクトリにあったNode.js関連のファイル/ディレクトリを削除したところ、正常に動作するようになりました。

さっきチラッと書きましたが、discordは、electronという、Node.js+chromiumのフレームワークで動いてるみたいです。なので、Node.jsまわりに影響されたのかなと推測されます。

しかしまあ、いくらなんでもデスクトップアプリケーションなんだから、アプリケーション外部の要因によって動作しなくなるのはどうなんだ？　とか思ってしまいました笑　まあ、ホームディレクトリにpackage.json作るとかいうわけわからんことしてる自分も自分ではありますけれど…

ただ、もし自分のように、「discordのアプリ自体は開くけど真っ暗。グレーアウトしてる」という方がいれば、discord PBTのdevelopper toolsを用いることで、解決できるかもしれないので、ご参考までに共有させてもらいます。

何かの参考になれば幸いです！