\n

対策

\n

単純に上記requiresの不備を探して修正してください。

\n","datePublished":"2018/07/24","dateModified":"2018/07/24","mainEntityOfPage":{"@type":"WebPage","@id":"https://sun0range.tech.server-on.net/information-technology/sencha-error"},"author":[{"@type":"Person","name":"nisioka","description":"オレンジ好きの中で最強のエンジニアになりたい。","url":"https://sun0range.tech.server-on.net","sameAs":["nisioka55","nisioka"]}],"publisher":{"@type":"Organization","name":"分かりやすい技術ブログ","description":"誰にでも分かりやすいをモットーに、IT技術的な内容を投稿するブログです。","logo":{"@type":"ImageObject","url":"https://sun0range.tech.server-on.net/favicon.webp","width":512,"height":512}}}]

Sencha Ext JSを使用していて画面が真っ白になってしまったときの対処法

Sencha Ext JSを使用していて画面が真っ白になってしまったときの対処法
カテゴリ
技術
タグ
JavaScript
SenchaExtJS

Sencha Ext JSとは

Sencha Ext JSはJava Scriptのフレームワークです。JS部品をコンポーネント化して簡単にUIリッチな画面を作成することができます。

ここではこのJSフレームワークを使用している前提で、表題のエラーが発生した場合の対処方法を示します。

事象

ブラウザのコンソールにもJSのエラーなどがなく何も表示されない場合。文字通り画面が真っ白になり、頭の中も真っ白になります。。

こちら結構よくハマるのですが、エラーもないので原因調査のとっかかりがなく大変苦労します。

原因

この場合は恐らくrequiresの設定を誤っている可能性があります。requiresに自分自身を参照するように書いてしまっていないでしょうか。そうすると無限ループのように参照する形になりますのでいつまで経っても表示されず、結果として真っ白な表示がされているように見えてしまうと考えられます。

NG例です。

対策

単純に上記requiresの不備を探して修正してください。


関連記事

  1. Sencha グリッドメニューヘッダでカラム選択のタイトルが”Actions”になってしまう

    事象 Sencha Ext JSというJavaScriptフレークワークで、表題の事象が起きました。ヘッダメニューでカラム選択をする際の細かな点ではありますが、それゆえ少し見つけにくい不備になり得ます。表題で言っているの […]

  2. Sencha Ext JSを使用していて画面が真っ白になってしまったときの対処法

    Sencha Ext JSとは Sencha Ext JSはJava Scriptのフレームワークです。JS部品をコンポーネント化して簡単にUIリッチな画面を作成することができます。 ここではこのJSフレームワークを使用 […]

  3. “Spring Boot” + “EXT JS”を使用したRESTアプリにおけるCSRF対策方針と実装例

    Qiitaに記事を書きました。 仕事で色々試行錯誤した結果をまとめてありますが、だいぶニッチなものなので必要としている人は限られそうです。^^; “Spring Boot” + “EX […]