空飛ぶおばさん旅日記

旅...映画...日々のいろいろ...つづっています

当ページのJavaScriptエラー 解決いたしました... 反省です... アクセス数 1/3以下に減少

JavaScriptエラー、

Uncaught ReferenceError: regeneratorRuntime is not defined

解決いたしました。初歩的なミスをしてしまっていました。

反省です...

反省です...

 

問い合わせのリターン

21日(木)の夕刻、Hatenaの問い合わせページにて、問い合わせて、リターンが22日(金)の20時すぎに、「はてなサポート窓口」さんよりありました。

先日、JavaScript関連の変更を行ったため、
設置されているスクリプトに影響があったものかと思われます。
ご自身でカスタマイズされている部分に関しましては調査がむずかしいため、
お手数ですが設置されているスクリプトを1つずつ外して確認を行っていただきますでしょうか。

と、早い返答にありがたかったです。

 

問題が発生した時

自分で、挿入したJavaScriptも、もしやと思ったのですが、そんなに影響があるスクリプトを追加した覚えもなく、

  • Header下のメニュー
  • まとめページのリンク追加

ぐらいでした。
広告関連だったら、皆にも影響が出ているだろうしと、全く、自分側を疑わなかった...
それに、エラーの内容が出会ったことがない内容で、
hatenablog.js:370 Uncaught ReferenceError: regeneratorRuntime is not defined
(数十年も、プログラムにたずさわってきています。いくつものWEBページを仕事で作成してきました。)
この元のデザインページに、何かが起きているのだと、思ったのです。

 

メールのリターン後

リターンを見て、おっと、自分か...と思い、
挿入した JavaScriptを見直すことに。
すぐに、見つかりました。原因は、Header下のメニューでした。
WEBで、見つけてきて、そのままスクリプトを利用させていただいていました。
このJavaScriptを追加する時、気にはなっていたのです。
IDにこんな一般的な.. 危険そうな名称をつけて良いのかと... "global"
まあ、動いているから... 良いかで、この時は、済ませて、忘れてしまっていました。

 

原因スクリプト

  • JavaScript

<nav id="global">
<ul>
<li><a href="http://rararasan.hatenablog.com">Home</a></li>
<li><a href="http://rararasan.hatenablog.com/archive/category/%E5%80%8B%E4%BA%BA%E6%97%85%E8%A1%8C">個人旅行</a></li>
<li><a href="http://rararasan.hatenablog.com/archive/category/%E6%89%8B%E9%85%8D%E6%97%85%E8%A1%8C">手配旅行</a></li>
<li><a href="http://rararasan.hatenablog.com/archive/category/%E3%83%84%E3%82%A2%E3%83%BC%E6%97%85%E8%A1%8C">ツアー旅行</a></li>
<li><a href="http://rararasan.hatenablog.com/archive/category/%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E5%AE%BF">おすすめ宿</a></li>
<li><a href="http://rararasan.hatenablog.com/archive/category/%E9%89%84%E9%81%93%E3%83%BB%E3%83%90%E3%82%B9">鉄道バス</a></li>
<li><a href="http://rararasan.hatenablog.com/archive/category/%E6%98%A0%E7%94%BB">映画</a></li>
<li><a href="http://rararasan.hatenablog.com/archive/category/%E3%83%96%E3%83%AD%E3%82%B0">ブログ</a></li>
<li><a href="http://rararasan.hatenablog.com/archive/category/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB">モバイル</a></li>
</ul>
</nav>

 

  • css

#blog-title{
margin-bottom:0px;
padding-bottom:0px;
}

#global{
text-align:center;
padding-bottom:10px;
}
#global ul{
display:inline-block;
padding:0;
list-style:none;
}
#global ul:after{
content: "";
display:block;
clear:both;
}
#global ul li{
float: left;
}
#global ul li a{
text-decoration: none;
padding: 5px 15px;
color:#a41a1a;
font-size:120%;
}

#global ul li a:hover{
color: #a41a1a;
border-bottom: solid 2px #a41a00;
}

 

このID "global"を、すべて”globalMA"と修正して、エラーは、なくなりました。
プログラムにたずさわってきた人間として、恥ずかしいです。
こんな予約語は、使ってはいけなかったです。反省です。
サポートにお手数をかけてしまいました... 申し訳ないです。

 

エラーの影響

アクセス数が、エラー発生した時点で、少なくなり、昨日は、いつもの1/3以下まで減少してしまいました...
明日より、再開します。
つたない文章ですが、今後とも、読んでいただければと思います。