【问题标题】:Add angular-chart.js to Rails application.js file将 angular-chart.js 添加到 Rails application.js 文件
【发布时间】:2016-04-26 11:28:13
【问题描述】:

我正在尝试根据 github 说明在 Angular on Rails 应用程序中设置 angular-chart.js。但是文档不是专门针对 Rails 的,所以我遇到了错误。

安装说明:http://jtblin.github.io/angular-chart.js/

供参考,

  1. 通过凉亭安装,bower install angular-chart.js --save
  2. 添加为依赖,angular.module('myModule', ['chart.js']);

然后文档建议添加<script src="bower_components/angular-chart.js/dist/angular-chart.js"></script>,但是如果我添加这一行,则找不到该文件(认为是因为使用 Rails)。

由于应用程序是 Rails 之上的 Angular,我认为它需要添加到 Rails application.js 文件中。否则会出现角度 no module 错误。

但我不确定究竟需要向 application.js 添加什么。我试过了:

  • chart.js
  • angular-chart.js
  • 角度图

(以//= require开头)

但一切都会导致 Rails 错误,

Sprockets::FileNotFound in Boards#index
couldn't find file 'chart.js' with type 'application/javascript'

有没有办法准确找出需要添加到application.js 的内容?或者其他解决方法?

(如果难以理解,请致歉。)

【问题讨论】:

  • 尝试使用 gem browsify
  • 看了一下 - 所以browserify-rails 允许您在application.js 中只使用requirebowernpm 包,而不必担心Rails 资产管道? (担心这有点过头了)
  • 是的,就是那个 gem =)
  • 太棒了!谢谢你

标签: ruby-on-rails angularjs angular-chart


【解决方案1】:

您可以使用(正如您在讨论中提到的)gem browserify-rails 轻松获取 bower/node.js 包。将 gem 包含到 Gemfilebundle install,然后将 npm/bower 包安装到应用中。

gem 'browserify-rails'

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-06-26
    • 1970-01-01
    • 2016-07-09
    • 2016-12-25
    • 2021-02-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多