angularjs - 如何修复这个角度错误“[$injector:modulerr]”
问题描述
我正在尝试使用 Angular 创建图表,这是代码和错误截图:
<html>
<head>
<script src="bower_components/angular/angular.min.js"></script> <!-- Angular Flow Charts -->
<script src="bower_components/Chart.js/Chart.js"></script> <!-- Chart.js -->
<script src="bower_components/angular-chart.js/dist/angular-chart.min.js"></script> <!-- Angular Chart.js -->
<script src="bower_components/flowthings-browser/dist/flowthings-browser.min.js"></script> <!-- FlowThings Browser -->
<script src="bower_components/flowthings-angular/dist/flowthings-angular.min.js"></script> <!-- FlowThings Angular -->
<script src="bower_components/angular-flow-chart/dist/angular-flow-chart.min.js"></script> <!-- Angular Flow Charts -->
</head>
<body>
<div ng-app="Demo">
<div ng-controller="DemoCtrl">
<flow-chart flow-id="flowId" limit="50">
<flow-chart-js
value-properties="chart.valueProp"
value-defaults="chart.valueDefaults"
chart-type="line"
chart-options="chart.options"
series="chart.series"
legend="chart.legend">
</flow-chart-js>
</flow-chart>
</div>
</div>
<flow-chart flow-id="'f123...'" limit="20">
<flow-chart-js value-properties="['temperature', 'humidity']" chart-type="line"></flow-chart-js>
</flow-chart>
<script>
angular.module('Demo', ['flowthings', 'ngFlowChart', 'ngFlowChartJs'])
.config(function (flowthingsProvider) {
flowthingsProvider.options.account = 'sljux';
flowthingsProvider.options.token = 'm26E5C3BTxjt8QXsYxbqoL1egCTR';
})
.run(function(flowthings) {
flowthings.ws.connect()
})
.controller('DemoCtrl', function ($scope) {
$scope.flowId = 'f55e6cc2268056d46fb80581c';
$scope.chart = {
options: {
animation: false,
scaleShowHorizontalLines: true,
scaleShowVerticalLines: false,
pointDot: false,
datasetStrokeWidth: 0.5
},
series: ['Inside Noise', 'Outside Noise'],
valueProp: ['inside.noise', 'outside.noise'],
valueDefaults: 0,
legend: true
}
});
</script>
</body>
</html>
angular.js:99 未捕获的错误:[$injector:modulerr] http://errors.angularjs.org/1.7.8/ $injector/modulerr?p0= ...
解决方案
推荐阅读
- javascript - 将环境变量作为查询参数传递给 webpack-dev-server 启动的 URL
- regex - 正则表达式:使用 sed 替换两个字符串之间的字符(不包括字符串本身)
- javascript - 替换未执行的承诺字符串
- javascript - 将属性添加到节点文件
- python - 如何从 Python 中的普通类调用蜘蛛类?
- sql - 如何从预生成的表中插入外键?
- linux - 无法链接到 Qt 5.9.2,CMake 总是链接到安装的系统 5.5.1
- mapbox - Mapbox GL JS 从默认标记更改颜色
- docker - Docker Linux 挂载代码是 RO
- express - 同一域上的 HTTPS 和 Websocket API 端点