2016-04-03 105 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. 刷新页面
相关问题