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

时间:2016-04-03 21:50:55

标签: javascript ruby-on-rails angularjs twitter-bootstrap

我正在按照教程构建一个Angular on Rails应用程序。

我在Rails项目中遇到前端依赖项问题。 我安装了bowersprockets来安装依赖项,如下所示:

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

这应该安装bootstrap和其他文件。 但是,我得到一个rails错误页面说:

  

无法找到类型为'text / css'的文件'bootstrap / dist / css / bootstrap'

这是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"
}

为什么bower没有正确安装依赖项?我做错了什么?

2 个答案:

答案 0 :(得分:1)

我已经多次使用Bootstrap和Bower,如果有助于使用bower-rails gem,我可以引导您完成设置。

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

重新启动服务器并刷新页面,你应该好好去。同样在.bowerrc文件中检查并确保"directory"使用正确的路径。

答案 1 :(得分:0)

我遇到了完全相同的问题 - 重新启动服务器解决了它:

  1. 停止WEBrick
  2. rails s
  3. 刷新页面