【问题标题】:Can't find bootstrap file in Angular app在 Angular 应用程序中找不到引导文件
【发布时间】:2016-07-23 08:16:58
【问题描述】:

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

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

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 .

.bowerrc 文件位于vendor/assets/bower_components:

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

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

【问题讨论】:

  • @7urkm3n,还没有。

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


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

    我已经多次使用 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" 使用正确的路径。

    【讨论】:

    • 是否有其他方法安装 bower 但不使用 Gemfile?我读到使用 Gemfile 会产生另一个依赖关系,以后可能会导致问题。它说在这里(thinkster.io/angular-rails#jumping-in-with-angular)在提供的网站中搜索“还有一个凉亭轨道”。
    • 你能解决这个问题吗?我刚刚完成了教程的那一部分,并且没有出现设置错误。使用bower initbower install angular angular-ui-router bootstrap --save 时是否出现任何错误?
    • 实际上都不是。所有这些文件都在 rails 应用程序中正确制作。但是当它们存在于 rails 应用程序中时,我的 rails 应用程序找不到这些引导文件。 ActionView::Template::Error (couldn't find file 'bootstrap/dist/css/bootstrap' with type 'text/css'):。不知道为什么路径会导致错误。你认为我应该开始一个新的 Rails 项目吗?
    • 尝试一个新项目,看看是否仍然存在。我还假设您已经重新启动了服务器?
    • 出现路由错误。我不知道为什么,但是 bower_component 文件是在一个奇怪的地方制作的,所以我的 Rails 应用程序没有找到它!谢谢!
    猜你喜欢
    • 1970-01-01
    • 2019-11-10
    • 1970-01-01
    • 1970-01-01
    • 2021-08-23
    • 2020-03-23
    • 1970-01-01
    • 2015-12-09
    • 1970-01-01
    相关资源
    最近更新 更多