javascript 未在 heroku 上加载

标签 javascript ruby-on-rails heroku opentok tokbox

我有一个在本地运行良好的应用程序,但是当我部署到 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 ,我想这可能是问题所在。请帮助我。

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

enter image description here

最佳答案

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

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

将解决您的问题。

关于javascript 未在 heroku 上加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32088346/

相关文章:

node.js - 在heroku上找不到模块 'socket.io'

python - 将 Django 项目推送到 Heroku 时出错

javascript - 如何动态设置下拉菜单的用户查看值

javascript - 当字符串中可能有数字时,使用 RegEx 更改大小写

ruby-on-rails - 如何重命名哈希参数中的符号?

ruby-on-rails - Sidekiq UI在基于Kubernetes路径的路由中加载错误的 Assets 路径

ruby-on-rails - Heroku 和@font-face - 嵌入式字体不会在 Heroku 上显示

javascript - RXJS 去抖并修改BehaviorSubject

javascript - 迭代对象和数组 javascript/Angular

ruby-on-rails - Ruby On Rails 指南中名为 'Layouts and Rendering in Rails' 的 :alert (or :notice) with the render method, 的使用对我不起作用: