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

Question

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

我在 Rails 项目中遇到前端依赖问题。 我安装了bower和sprockets来安装依赖项，如下所示：

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

这应该安装引导程序和其他文件。 但是，我收到一个 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 .

vendor/assets/bower_components .bowerrc文件：

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

为什么凉亭不能正确安装依赖项？ 我究竟做错了什么？

Answer 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"使用正确的路径。

Answer 2

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

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