Ruby on rails 安装凉亭和栏杆

我正在尝试在Rails 4应用程序中设置Bower，特别是尝试安装voice elementsweb组件：

我曾考虑过使用bower rails，但更愿意尽可能保持它的香草味，但我有点迷茫。到目前为止，我遵循了以下步骤：

在rails根目录中创建了.bowerrc

{
  "directory": "vendor/assets/bower_components"
}

bower init

添加到应用程序.rb

config.assets.paths << Rails.root.join('vendor', 'assets', 'bower_components')

来自供应商/资产

bower install --save voice-elements

rails显示视图中的示例代码

<voice-player id="mi-elemento" accent="es-ES" text="Me gusta la gasolina"></voice-player>
<script>
var form = document.querySelector('#mi-form'),
    element = document.querySelector('#mi-elemento');

form.addEventListener('submit', function(e) {
    e.preventDefault();
    element.speak();
});
</script>

var form=document.querySelector（“#mi form”），
element=document.querySelector（“#mi elemento”）；
表.addEventListener（'submit'，函数（e）{
e、 预防默认值（）；
元素。speak（）；
});

我不知道从这里该往哪里走。如何告诉Rails如何使用供应商/资产中的voice elements库？

您是否遵循voice element的“使用”说明？看起来您需要包含一些bower创建的javascript（您应该能够在

application.js

中要求），然后在布局中添加一些指向两个HTML文件的

标记

尝试将其添加到

application.js

：

//= require platform/platform

然后将这些行添加到布局中的

部分：

<link rel="import" href="<%= asset_path 'voice-elements/dist/voice-player.html' %>">
<link rel="import" href="<%= asset_path 'voice-elements/dist/voice-recognition.html' %>">

您是否遵循了voice元素的“用法”说明？看起来您需要包含一些bower创建的javascript（您应该能够在

application.js

中要求），然后在布局中添加一些指向两个HTML文件的

标记

尝试将其添加到

application.js

：

//= require platform/platform

然后将这些行添加到布局中的

部分：

<link rel="import" href="<%= asset_path 'voice-elements/dist/voice-player.html' %>">
<link rel="import" href="<%= asset_path 'voice-elements/dist/voice-recognition.html' %>">

< /代码> 另一种选择：您是否考虑使用<代码> Rails资产？org < /代码>？无需安装bower，您只需将bower软件包作为常规gems安装即可

在您的情况下，您可以在
GEM文件的顶部添加以下行：

source 'https://rubygems.org'
source 'https://rails-assets.org'

然后为您的包添加一行，gem被称为
rails资产-
，因此在您的情况下

gem 'rails-assets-voice-elements'

作为一种选择：你会考虑使用<代码> Rails资产吗？org < /代码>？无需安装bower，您只需将bower软件包作为常规gems安装即可

在您的情况下，您可以在
GEM文件的顶部添加以下行：

source 'https://rubygems.org'
source 'https://rails-assets.org'

然后为您的包添加一行，gem被称为
rails资产-
，因此在您的情况下

gem 'rails-assets-voice-elements'

有一个相当不错的
gem
可以用来集成
Bower
和
Rails
：。试试这种方法。
有一个非常好的
gem
可以用来集成
Bower
和
Rails
：。这样试试。
谢谢你的提示。我已经安装了语音元素代码。。我遇到的问题是如何让它可以访问Rails。它是一个客户端库，所以我认为不需要让Rails本身可以访问它。你只需要把它放在客户可以得到的地方。看起来您已经将它添加到了资产路径，所以您现在只需要引用它（就像任何其他资产一样）。这是我的问题。。。不知道怎么做这部分。似乎有多个组件，我不确定要添加到资产管道的目录。请看屏幕截图。我为答案添加了几个步骤，您可以尝试。如果这不起作用，您可能应该安装bower rails:）。谢谢James，我尝试了上述步骤。出于某种原因，require失败了，尽管在application.rb中添加了路径，如我最初的问题中所述。很高兴考虑一个Buver Rails解决方案——我将如何以这种方式安装特定的软件包？谢谢提示。我已经安装了语音元素代码。。我遇到的问题是如何让它可以访问Rails。它是一个客户端库，所以我认为不需要让Rails本身可以访问它。你只需要把它放在客户可以得到的地方。看起来您已经将它添加到了资产路径，所以您现在只需要引用它（就像任何其他资产一样）。这是我的问题。。。不知道怎么做这部分。似乎有多个组件，我不确定要添加到资产管道的目录。请看屏幕截图。我为答案添加了几个步骤，您可以尝试。如果这不起作用，您可能应该安装bower rails:）。谢谢James，我尝试了上述步骤。出于某种原因，require失败了，尽管在application.rb中添加了路径，如我最初的问题中所述。很高兴考虑一个Bur-Rails解决方案——我将如何以这种方式安装特定的软件包？谢谢。我确实尝试过这种方法，但失败了：我也用rails资产记录了一个票证，但它不会被修复：这种方法对我来说从来都不起作用，总是得到一个无限循环错误：谢谢。我确实尝试过这种方法，但失败了：我也用rails资产记录了一个票证，但它不会被修复：这种方法对我从来都不起作用，总是得到一个无限循环错误：嗨，我如何使用此方法安装voice elements包？正如文档所述：运行初始化程序在Rails根目录内生成一个示例Bowerfile和一个
config/initializers/bower_Rails.rb
config文件：
Rails g bower_Rails:initialize
然后添加
voice elements
作为一项资产。您能否概述如何使用bower rails正确添加voice elements的步骤？您好，我将如何使用此方法安装voice elements包？正如文档所述：运行初始化程序在rails根目录内生成一个示例Bowerfile和一个
config/initializers/bower_rails.rb
配置文件：
rails g bower\u rails:initialize
，然后将
语音元素
添加为资产。您能否概述一下如何使用bower-rails正确添加语音元素的步骤？