2016-04-03 196 views
1

我正在構建一個遵循教程的Angular on Rails應用程序。在Angular應用程序中找不到引導程序文件

我在Rails項目中遇到前端依賴問題。 我安裝bowersprockets安裝依賴類似以下內容:

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

這應該安裝引導程序和其他文件。 不過,我得到一個軌道錯誤頁面說法:

無法找到類型 '文本/ CSS'

這裏文件 '引導/距離/ CSS /引導' 是application.css文件:

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

這裏是applicatiin.js文件:

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

.bowerrc文件在vendor/assets/bower_components

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

爲什麼不鮑爾正確安裝的依賴?我究竟做錯了什麼?

+0

你解決這個問題? – 7urkm3n

+0

@ 7urkm3n,還沒有。 – Kahsn

回答

1

我已經多次使用Bootstrap和Bower,如果這有助於使用bower-rails寶石,我可以引導您完成設置。

  • 在你Gemfile包括gem 'bower-rails'
  • bundle install
  • 在你Bowerfile包括asset 'bootstrap'
  • bundle exec rake bower:install
  • 在你application.css包括*= require bootstrap/dist/css/bootstrap

重新啓動服務器nd刷新頁面,你應該很好去。同樣在您的.bowerrc文件中檢查並確保您的"directory"正在使用正確的路徑。

+0

是否有其他方式安裝涼亭但不使用Gemfile?我讀過使用Gemfile會產生另一個依賴關係,並可能在稍後導致問題。它在這裏說(https://thinkster.io/angular-rails#jumping-in-with-angular)在所提供的網站上搜索「還有一個bower-rails」。 – Kahsn

+0

你能解決這個問題嗎?我剛剛經歷了教程的這一部分,並且在我的設置上沒有出現錯誤。使用'bower init''或'bower install angular angular-ui-router bootstrap --save'時出現錯誤嗎? – jdgray

+0

實際上都沒有。所有這些文件都在rails應用程序中正確製作。但是我的rails應用程序在rails應用程序中找不到那些引導文件。 'ActionView :: Template :: Error(找不到'bootstrap/dist/css/bootstrap'類型爲'text/css'):'。不知道爲什麼路徑導致錯誤。你認爲我應該開始一個新的鐵路項目? – Kahsn

0

我得到了確切的同樣的問題 - 重新啓動服務器解決了這個問題:

  1. 停止使用WEBrick
  2. rails s
  3. 刷新頁面
相關問題