在 Angular 应用程序中找不到引导程序文件

Question

I'm building an Angular on Rails app following a tutorial.

I'm having problem with front-end dependencies in Rails project. I installed bower and sprockets to install the dependencies like following:

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

This should install bootstrap and other files. However, I get an rails error page saying:

couldn't find file 'bootstrap/dist/css/bootstrap' with type 'text/css'

Here is application.css file:

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

Here is applicatiin.js file:

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

.bowerrc file at vendor/assets/bower_components :

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

Why isn't bower installing dependencies correctly? What am I doing wrong?

Answer 1

I have used Bootstrap with Bower several times and I can walk you through the setup if that helps using the bower-rails gem.

• In your Gemfile include gem 'bower-rails'
• bundle install
• In your Bowerfile include asset 'bootstrap'
• bundle exec rake bower:install
• In your application.css include *= require bootstrap/dist/css/bootstrap

Restart your server and refresh the page and you should be good to go. Also in your .bowerrc file check and make sure your "directory" is using the correct path.

Answer 2

I got the exact same issue - restarting the server solved it:

1. Stop WEBrick
2. rails s
3. refresh the page