Javascript 错误:[$injector:nomod]模块';图表.js';不可用!Rails应用程序.js

Javascript 错误:[$injector:nomod]模块';图表.js';不可用!Rails应用程序.js,javascript,ruby-on-rails,angularjs,angular-chartist.js,Javascript,Ruby On Rails,Angularjs,Angular Chartist.js,我正在尝试让angular-chart.js在rails项目中工作。 按照上的安装说明进行操作 1) npm安装--保存angular-chart.js 到目前为止还不错/供应商/assets/javascripts/node_modules/angular chart.js/(文件) 2) “将源代码添加到代码中” 好的,我可以在一个简单的index.html和app.js页面中使用两个标记来实现这一点,而且非常成功,但是我在一个rails项目中工作,所以我想在application.js清单

我正在尝试让angular-chart.js在rails项目中工作。 按照上的安装说明进行操作

1) npm安装--保存angular-chart.js 到目前为止还不错/供应商/assets/javascripts/node_modules/angular chart.js/(文件)

2) “将源代码添加到代码中” 好的,我可以在一个简单的index.html和app.js页面中使用两个
标记来实现这一点,而且非常成功,但是我在一个rails项目中工作,所以我想在application.js清单中加载源代码

3) angular.module(“app”、[“chart.js”])

我的dashboard.js.coffee

appName = 'dashboardApp';
angular.module(appName,['ngResource', 'ui.router', 'ui.bootstrap','chart.js']);
我的application.js是

//= require jquery2
//= require jquery_ujs
//= require jquery.turbolinks
//= require select2
//= require turbolinks
//= require d3
//= require bootstrap-sass-official
//= require moment
//= require requirejs
//= require angular
//= require angular-bootstrap
//= require angular-resource
//= require angular-ui-router
//= require angular-animate
//= require angular-aria
//= require angular-material
//= require angular-websocket
//= require underscore
//= require gmaps/google
//= require slider-pro/jquery.sliderPro.js
//= require websocket_rails/main
//= require app/dashboard/Chart.bundle.js
//= require app/dashboard/angular-chart.js
//= require_tree .
为了减少变量,我将Chart.bundle.js和angular-Chart.js复制到app javascript文件夹中

.../app/assets/javascripts/app/dashboard
|-- angular-chart.js
|-- app.js
|-- Chart.bundle.js
|-- Chart.bundle.min.js
|-- _chart.html.erb
|-- dashboard.html.erb
|-- dashboard.js.coffee.erb
|-- data.html.erb.bk
|-- details.html.erb
|-- _search.html.erb
`-- test.html.erb
但是我想从…/vendor/assets/文件夹中使用它们。(我在使用该路径时遇到了相同的问题)

我想我有某种加载顺序错误。我不知道哪里出了问题。 Angualrjs正在返回此错误

 Uncaught Error: [$injector:modulerr] Failed to instantiate module dashboardApp due to:
Error: [$injector:modulerr] Failed to instantiate module chart.js due to:
Error: [$injector:nomod] Module 'chart.js' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.6.1/$injector/nomod?p0=chart.js
    at http://localhost:3000/assets/angular/angular.self-bfd6c8dff7a273aef9f5716cbbd0f6cb8837cf59dd5c54eb4d9adc360007e639.js?body=1:69:12
    at http://localhost:3000/assets/angular/angular.self-bfd6c8dff7a273aef9f5716cbbd0f6cb8837cf59dd5c54eb4d9adc360007e639.js?body=1:2184:17
    at ensure (http://localhost:3000/assets/angular/angular.self-bfd6c8dff7a273aef9f5716cbbd0f6cb8837cf59dd5c54eb4d9adc360007e639.js?body=1:2108:38)
    at module (http://localhost:3000/assets/angular/angular.self-bfd6c8dff7a273aef9f5716cbbd0f6cb8837cf59dd5c54eb4d9adc360007e639.js?body=1:2182:14)
    at http://localhost:3000/assets/angular/angular.self-bfd6c8dff7a273aef9f5716cbbd0f6cb8837cf59dd5c54eb4d9adc360007e639.js?body=1:4737:22
    at forEach (http://localhost:3000/assets/angular/angular.self-bfd6c8dff7a273aef9f5716cbbd0f6cb8837cf59dd5c54eb4d9adc360007e639.js?body=1:358:20)
    at loadModules (http://localhost:3000/assets/angular/angular.self-bfd6c8dff7a273aef9f5716cbbd0f6cb8837cf59dd5c54eb4d9adc360007e639.js?body=1:4721:5)
    at http://localhost:3000/assets/angular/angular.self-bfd6c8dff7a273aef9f5716cbbd0f6cb8837cf59dd5c54eb4d9adc360007e639.js?body=1:4738:40
    at forEach (http://localhost:3000/assets/angular/angular.self-bfd6c8dff7a273aef9f5716cbbd0f6cb8837cf59dd5c54eb4d9adc360007e639.js?body=1:358:20)
    at loadModules (http://localhost:3000/assets/angular/angular.self-bfd6c8dff7a273aef9f5716cbbd0f6cb8837cf59dd5c54eb4d9adc360007e639.js?body=1:4721:5)
我是rails和angularjs的新手,所以我确信我缺少一些基本的东西。 任何帮助都将不胜感激。 我读过关于这个话题的另一个问题,但他们并没有给出明确的答案

编辑: 编辑:(否)

编辑2: 我已尝试将以下内容放入/app/views/layout/application.html.erb文件中

<%= javascript_include_tag 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js' %>
<%= javascript_include_tag 'https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js' %>
<%= javascript_include_tag 'https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.bundle.js' %>
<%= javascript_include_tag 'https://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.js' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

正确%>
这样我就不会再出现喷油器错误

因此,这似乎是关于我如何在rails资产管道中使用angular-chart.js和chart.js