Angularjs Error: [$injector:modulerr] http://errors.angularj

Angularjs Error: [$injector:modulerr] http://errors.angularjs.org/1.4.7/$injector/modulerr?p0

本文关键字：http errors angularj injector Error Angularjs modulerr      更新时间：2023-09-26

我正试图通过网络摄像头简单地读取qr码，但我在控制台打开angular帮助页面时得到这个错误，但说使用ngRoute

Error: [$injector:modulerr] http://errors.angularjs.org/1.4.7/$injector/modulerr?p0=q...)

这里的angular和HTML代码

<html ng-app="App">
<body ng-controller="qrCrtl">
<qr-scanner width="400" height="300" ng-success="onSuccess(data)" ng-error="onError(error)" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-resource.min.js"></script>
<script data-main="qr-scanner.js" src="require.js"></script>
<script src="src/jsqrcode-combined.min.js"></script>
<script>
var App = angular.module('App', ['qrScanner']);
   App.controller('qrCrtl', ['$scope', function($scope) {
    $scope.onSuccess = function(data) {
        console.log(data);
    };
    $scope.onError = function(error) {
        console.log(error);
    };
    $scope.onVideoError = function(error) {
        console.log(error);
    };
}]);
</script>
</body>
</html>

似乎你没有注入ngRouter库到你的模块，像这样，

var App = angular.module('App', ['qrScanner', 'ngRoute']);

参见此处和此处

同时，确保你在Angular之后导入了Angular路由库，就像这样，

<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
相关文章：