javascript 未在 heroku 上加载

Question

我有一个在本地运行良好的应用程序，但是当我部署到 heroku 时，javascript 无法正确加载。我在 stackoverflow 上看到了很多与此相关的问题。但没有成功。

包含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 apikey
var 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>  

除了上面添加的警报功能外，没有执行任何操作。

在application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree . 

gem 文件

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: :doc

group :development, :test do
  gem 'sqlite3'
  gem 'byebug',      '3.4.0'
  gem 'web-console', '2.0.0.beta3'
  gem 'spring',      '1.1.3'
end

group :test do
 gem 'minitest-reporters', '1.0.5'
 gem 'mini_backtrace',     '0.1.3'
 gem 'guard-minitest',     '2.3.1'
end
group :production do
  gem 'pg'
  gem 'rails_12factor'
  gem 'puma',           '2.11.1'
end

我在 production.rb 中添加了

config.assets.compress = true

还有一件事我不得不说的是，我在没有使用 bootstrap 的情况下开发了具有其他规范的相同应用程序。它在 heroku 上运行良好。但在这个应用程序中，我使用了 Bootstrap ，我想这可能是问题所在。请帮助我。

已更新在浏览器控制台中显示

Answer 1

你得到的错误是不言自明的。

您的网络应用已配置为使用 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>

将解决您的问题。