Javascript 如何在Rails中显示嵌入式Twitter时间线?(使用Twitter小部件)

Javascript 如何在Rails中显示嵌入式Twitter时间线?(使用Twitter小部件),javascript,ruby-on-rails,twitter,Javascript,Ruby On Rails,Twitter,rails的新特性 我正试图利用带有Rails应用程序的生成器来显示嵌入式网格时间线 我的问题是,当我将以下生成的代码粘贴到视图中时,我只能在localhost:3000的视图中显示一个链接: <a class="twitter-grid" data-lang="en" data-limit="6" data-dnt="true" href="https://twitter.com/TwitterDev/timelines/539487832448843776">National P

rails的新特性

我正试图利用带有Rails应用程序的生成器来显示嵌入式网格时间线

我的问题是,当我将以下生成的代码粘贴到视图中时,我只能在localhost:3000的视图中显示一个链接:

<a class="twitter-grid" data-lang="en" data-limit="6" data-dnt="true" href="https://twitter.com/TwitterDev/timelines/539487832448843776">National Park Tweets</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

显然,Rails正在为页面加载剥离JS

在来到这里之前,我阅读了一些我自己试图解决这个问题的资料(加上一些其他博客文章)。没有足够的代表发布所有链接:

  • 资产管道-RubyonRails.org
  • 邪恶的Rails:将JavaScript添加到Rails-RailsApps
  • 在Rails中使用JavaScript
  • 使用Rails缓存-RubyonRails.org
  • 也许答案就在材料里,但我看不出来

    我在一个单独的目录中获得了Twitter给定的代码,在这个目录中我只创建了一个空白的HTML文档并粘贴了它。此外,我实际上能够在.html.erb文件中看到时间轴网格,当我简单地使用Atom的html预览程序并将脚本与链接一起保留在视图中时,我会抱怨这个文件

    除其他尝试外,我尝试了以下几点。其中一些可能是在黑暗中拍摄的。我知道外部脚本应该进入供应商目录,但我首先使用应用程序来查看它们是否有效。一旦我能让他们工作,我会把他们移到合适的地方:

  • 伪造我的开发环境的config.assets.debug并确保以开发模式启动服务器
  • http://reed.github.io/turbolinks-compatibility/twitter.html“>涡轮链接解决方案1和2
  • 在视图中使用,并通过将url的javascript复制和粘贴到本地文件app/assets/javascripts文件中来执行相同的操作
  • 将dev.twitter.com/web/javascript/loading widgets js脚本包含在app/assets/javascripts目录下的javascript文件中,并移除标记。 4b.使用javascript_include_标记并引用文件名在视图中包含此javascript文件。 4c.根据错误消息的指示,使用文件名为“reload”%>的方法,并将Rails.application.config.assets.precompile+=%w(twitter.js)添加到config/initializers/assets.rb
  • 重新启动服务器并重试所有这些操作
  • 我终于开始窃听了,因为我不知道还需要检查或尝试什么

    任何帮助都将不胜感激。我已经花了很多时间在键盘上敲击我的头,对于一个更高级的开发人员来说,这可能是一个简单的修复

    我应该怎么做才能让推特网格真正显示出来?如果你不介意像我是一个彻头彻尾的傻瓜一样给我解释清楚,我将不胜感激。谢谢!

    
    
    <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/name_of_your_timeline" data-widget-id="539487832448843776" height="46vh" >National Park Tweets</a>