我有一個在本地運行良好的應用程序,但是當我部署到heroku javascript時,javascript無法正確加載.
包含javascript的文件
<div id="myPublisherDiv"></div><div id="subscribersDiv"></div><script src="http://static.opentok.com/v2/js/opentok.min.js" type="text/javascript"></script><script>alert("helloworld")var apiKey = XXXXXX;//my apikeyvar sessionId ="<%=@sessionId%>" ;var token = "<%=@opentok_token%>";var session;OT.setLogLevel(OT.DEBUG);session = OT.initSession(apiKey,sessionId);var subscriberOptions = {insertMode: 'append',width: 340,height: 260,align: 'center'};session.on({ streamCreated: function(event) { session.subscribe(event.stream,'subscribersDiv',{insertMode: 'append',width:340,height:260}); }});session.connect(token,function(error){ if(error) { console.log(error.message); } else{ session.publish('myPublisherDiv',{width: 300,height: 220}); }}); </script>
除了上面添加的警報功能之外,沒有執(zhí)行任何其他操作.
在application.js中
//= require jquery//= require jquery_ujs//= require bootstrap//= require_tree .
寶石文件
source 'https://rubygems.org'gem 'rails', '4.2.0'gem 'bcrypt', '3.1.7'gem 'faker', '1.4.2'gem 'carrierwave', '0.10.0'gem 'mini_magick', '3.8.0'gem 'fog', '1.23.0'gem 'opentok'gem 'will_paginate', '3.0.7'gem 'bootstrap-will_paginate', '0.0.10'gem 'bootstrap-sass', '3.2.0.0'gem 'sass-rails', '5.0.2'gem 'uglifier', '2.5.3'gem 'coffee-rails', '4.1.0'gem 'jquery-rails', '4.0.3'gem 'turbolinks', '2.3.0'gem 'jbuilder', '2.2.3'gem "omniauth-google-oauth2", "~> 0.2.1"gem 'sdoc', '0.4.0', group: :docgroup :development, :test do gem 'sqlite3' gem 'byebug', '3.4.0' gem 'web-console', '2.0.0.beta3' gem 'spring', '1.1.3'endgroup :test do gem 'minitest-reporters', '1.0.5' gem 'mini_backtrace', '0.1.3' gem 'guard-minitest', '2.3.1'endgroup :production do gem 'pg' gem 'rails_12factor' gem 'puma', '2.11.1'end
我在production.rb中添加了
config.assets.compress = true
我不得不說的是,我在不使用bootstrap的情況下開發(fā)了具有其他規(guī)格的同一個應用程序.它在heroku上運行良好.但是在這個應用程序中我使用了引導程序,我想這可能是問題.請幫助我.
更新
在瀏覽器控制臺中顯示
解決方法:
您遇到的錯誤是很容易理解的.
您的網(wǎng)絡應用已配置為使用HTTPS,但它對HTTP具有依賴性.
改變中
<script src="http://static.opentok.com/v2/js/opentok.min.js" type="text/javascript"></script>
至
<script src="https://static.opentok.com/v2/js/opentok.min.js" type="text/javascript"></script>
將解決您的問題.
來源:https://www.icode9.com/content-1-528651.html