質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

3694閲覧

jsを読み込んでくれないエラー(rails)

yamady

総合スコア176

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2017/08/08 16:41

編集2017/08/10 05:27

閲覧いただきまして、ありがとうございます。
開発環境だと、JavaScriptを読み込んでくれるのですが、本番環境だと出てくれません。
BootstrapのJSは動いているのにどうしてでしょう。

動いていないのは、app> assets> javascript> main.jsの中のコードです(汗)

Mixed Content: The page at 'https://example.com/' was loaded over HTTPS, but requested an insecure script 'http://cdn.rawgit.com/mahnunchik/markerclustererplus/master/dist/markerclusterer.min.js'. This request has been blocked; the content must be served over HTTPS. example.comp/:1 Mixed Content: The page at 'https://example.com/' was loaded over HTTPS, but requested an insecure script 'http://cdn.rawgit.com/printercu/google-maps-utility-library-v3-read-only/master/infobox/src/infobox_packed.js'. This request has been blocked; the content must be served over HTTPS.

上記がローカル環境にはなく、本番環境で出ているエラーです。
かつても、CSSを本番環境が読み込んでくれないエラーがありましたが、よくわからず解決していました。すみませんが、お手すきのさいに、どなたかご教示いただけると幸いでございます。

#追記(8/9)

Failed to load resource: the server responded with a status of 404 () image_01.png Failed to load resource: the server responded with a status of 404 () image_02.png Failed to load resource: the server responded with a status of 404 () image_03.png Failed to load resource: the server responded with a status of 404 () 521:1 Uncaught ReferenceError: countLength is not defined at HTMLTextAreaElement.onkeyup (521:1) 521:1 Uncaught ReferenceError: countLength is not defined at HTMLTextAreaElement.onkeyup (521:1) 521:1 Uncaught ReferenceError: countLength is not defined at HTMLTextAreaElement.onkeyup (521:1)

#追記(8/10)

ruby

1// This is a manifest file that'll be compiled into application.js, which will include all the files 2// listed below. 3// 4// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts, 5// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path. 6// 7// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the 8// compiled file. JavaScript code in this file should be added after the last require_* statement. 9// 10// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details 11// about supported directives. 12// 13//= require jquery 14//= require jquery_ujs 15//= require turbolinks 16//= require bootstrap 17//= require underscore 18//= require gmaps/google 19//= require_tree ..

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

エラーを読む限り、現状読み込んでいるhttp://cdn.rawgit.com/mahnunchik/markerclustererplus/master/dist/markerclusterer.min.jshttps://cdn.rawgit.com/mahnunchik/markerclustererplus/master/dist/markerclusterer.min.jsに書き換えれば(http://https://に書き換えれば、)解決するのではないかと思われます。

参考:混合コンテンツの防止 | Web | Google Developers

投稿2017/08/08 17:06

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yamady

2017/08/09 15:48

Kazma Arakakiさま、ありがとうございます!こちらのエラーは回避できましたが、やはりassets内のjsは反映してくれないもようです。。
退会済みユーザー

退会済みユーザー

2017/08/09 15:51

`assets内のjs`についてなにかエラーメッセージは出ていますか?
yamady

2017/08/09 15:56 編集

夜分遅くにありがとうございます。追記させていただきましたが、下記のコンソールでエラーが生じております。 ローカル環境では動くのですが・・ ちなみに本番環境はHerokuを使っております。 Failed to load resource: the server responded with a status of 404 () image_01.png Failed to load resource: the server responded with a status of 404 () image_02.png Failed to load resource: the server responded with a status of 404 () image_03.png Failed to load resource: the server responded with a status of 404 () 521:1 Uncaught ReferenceError: countLength is not defined at HTMLTextAreaElement.onkeyup (521:1) 521:1 Uncaught ReferenceError: countLength is not defined at HTMLTextAreaElement.onkeyup (521:1) 521:1 Uncaught ReferenceError: countLength is not defined at HTMLTextAreaElement.onkeyup (521:1)
退会済みユーザー

退会済みユーザー

2017/08/09 16:18

考えられる可能性としては、 1. HerokuにJSファイルをアップロード出来ていない。 => JSファイルの格納URLにアクセスしてJavaScript文字列が表示されるか確認してみてください。 2. JSを読み込んでいるが実行エラーが発生して処理が中断されている。 => `Uncaught ReferenceError`の部分が実行時エラーになります。エラー発生箇所以降の処理は実行されません。ローカルの該当JSファイルの521行目に`countLength`変数が書かれているか確認してみてください。
yamady

2017/08/10 05:29

ありがとうございます。やはり、JSファイルがアップロードできていないように思います。。application.jsがまちがっているような気もするのですが(他のjsを読み込んでいない?では、なぜローカルでできているのか・・・。)とりあえず、application.htmlにscriptを別で読み込んでやってみようと思います。
guest

0

自己解決

main.jsでやるのは諦めました。
HTMLに直書きして、パーシャルで読み込むことにしたら問題が出なくなりました。
取り急ぎ、こちらで解決しました。。
もっともベストアンサーではありません。

投稿2017/09/08 11:53

yamady

総合スコア176

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問