Javascript 未定义Highcharts。登录控制台时出错
请帮帮我。在我的angular应用程序中登录控制台时发生此错误 我的应用程序部分:Javascript 未定义Highcharts。登录控制台时出错,javascript,angularjs,highcharts,bower,Javascript,Angularjs,Highcharts,Bower,请帮帮我。在我的angular应用程序中登录控制台时发生此错误 我的应用程序部分: angular.module('fbApp', [ 'ngSanitize', 'ngRoute', 'ui.bootstrap', 'ui.router', 'ui.utils', 'chieffancypants.loadingBar', 'ui.date',
angular.module('fbApp', [
'ngSanitize',
'ngRoute',
'ui.bootstrap',
'ui.router',
'ui.utils',
'chieffancypants.loadingBar',
'ui.date',
'angular-underscore',
'highcharts-ng'
])
来自bower的My index.html:
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/highcharts-ng/dist/highcharts-ng.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/underscore/underscore.js"></script>
<script src="bower_components/angular-loading-bar/src/loading-bar.js"></script>
<script src="bower_components/angular-ui-utils/ui-utils.js"></script>
<script src="bower_components/jquery-ui/ui/jquery-ui.js"></script>
<script src="bower_components/angular-underscore/angular-underscore.js"></script>
<!-- endbower -->
我的问题在哪里?看起来highcharts.js依赖于jQuery。验证jQuery是否正确加载且版本正确。下载highcharts.js并将其链接到应用程序中。你只有角度指令,我遇到了完全相同的问题。我认为答案在文件中。查看git hub文档 我找到了解决办法。在脚本标记highcharts-ng.js上方的索引中插入下面的脚本标记
这将删除错误。highcharts ng取决于hightcharts,因此您需要同时安装它们
bower install --save highcharts
bower install --save highcharts-ng
另一种方法是通过bower.json;更新以下依赖项
"highcharts" : "*",
"highcharts-ng" : "*"
从命令行项目目录运行bower更新
使用“highcharts ng”模块
var myApp = angular.module('myApp',
[
"highcharts-ng",
"ngRoute",
"myApp.view1",
"myApp.view2",
"myApp.version"
]);
在index.html或视图中包括以下内容
<script src="http://code.highcharts.com/highcharts.src.js"></script>
<script src="bower_components/highcharts-ng/dist/highcharts-ng.js"></script>
看起来你没有highcharts脚本。你只有指令。除了highcharts-ng.js,你还需要加载highcharts.js库。Jquery加载是正确的,这对我来说也有同样的问题,添加:code.highcharts.com/highcharts.js“>更确切地说是bower和