2016-04-04 16 views
2

私は、Angster on Rails(https://thinkster.io/angular-rails#jumping-in-with-angular)に関するThinksterのチュートリアルに従っています。このチュートリアルでは 、私は道次のフロントエンドの依存関係をインストールします。BrewがAngular on Railsアプリケーションでパッケージを見つけられない

bower install angular angular-ui-router bootstrap --save 

は、その後、私は道を、次の中application.cssにブートストラップが必要です。

//= require angular 
//= require angular-rails-templates 
//= require angular-ui-router 
//= require_tree . 

*= require bootstrap/dist/css/bootstrap 
*= require_tree . 
*= require_self 

そして、ここではapplication.jsファイルです

次のエラーが発生するレールサーバーを実行すると、

1. couldn't find file 'bootstrap/dist/css/bootstrap' with type 'text/css' 
2. couldn't find file 'angular' with type 'application/javascript' 

はここ.bowerrcファイルされる:

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

ここでは、私はレールのサーバコンソールから取得していますエラーです:

ActionView::Template::Error (couldn't find file 'bootstrap/dist/css/bootstrap' with type 'text/css'): 
    2: <html> 
    3: <head> 
    4: <title>FlapperNews</title> 
    5: <%= stylesheet_link_tag 'application', media: 'all' %> 
    6: <%= javascript_include_tag 'application' %> 
    7: <%= csrf_meta_tags %> 
    8: </head> 
    app/assets/stylesheets/application.css:14 
    app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb___1398966333390810206_70171728569860' 

私は、ブートストラップや角度が正しくRailsのアプリ内に設置されていることを確認してください。 enter image description here

しかし、アプリでは見つからないようです。何が問題なの?

+0

私はこの時点で固まっています。あなたはそれを理解したことがありますか? – myself

+0

私はこれを考え出しました。私は実際にタイプミスがありました。私はあなたがそれを見て、何か違うものがあるかどうかを知りたいなら、私のコードをレポにコミットすることができます。 – myself

答えて

1

Railsアプリケーションでフロントエンドの依存関係を管理するのに役立つbower-rails(https://github.com/rharriso/bower-rails)を使用したいことがあります。依存関係をBowerfileとrake bower:installに追加すると、依存関係は/ vendor/assets/bower_componentsにインストールされるので、application.cssまたはapplication.jsファイルに依存関係を要求できます。

は、私は、その内容が資産のパイプラインには表示されませんので、あなたのRailsアプリのルートパスでbower_componentsフォルダを持つことは、進むべき道ではないと思われる(詳細はこちら:。http://guides.rubyonrails.org/asset_pipeline.html

+0

次のチュートリアルでは、以下の理由からバウアーレールをインストールするのではなく、その方法を使用すると言っていました。bower.jsonとラップするラップタスクのためのGemfileのような構文が必要な場合は、ただし、bowerコマンドはGemfileの依存関係になりますが、Bowerをnpmでインストールする必要があります。これは意味をなさないか、それとも重要ではないでしょうか? – Kahsn

+0

余分な依存関係をインストールしない場合は、bower_componentsフォルダをパスに追加する必要があります。たとえば、* = bower_components/bootstrap/dist/css/bootstrapが必要です。これが動作するかどうか教えてください –

+0

config/application.rbのようにbower_componentsパスを追加してください:config.assets.paths << Rails.root。 –

0

app.configの config.assets.paths << Rails.root.join('vendor', 'assets', 'components') を使用してください。

.bowerrcがこの

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

と同様に設定されていることを確認してくださいは、この問題に遭遇しました。

関連する問題