未捕获的错误注入器 modulerr 模块错误
Uncaught Error injector modulerr Module Error
未捕获错误注入器 modulerr 模块错误。
Angular 路由器无法正常工作。
在 app.config 中添加 $stateProvider 后,angulerjs 通过给出以下错误停止工作。
Failed to instantiate module app due to:
Error: [$injector:unpr] http://errors.angularjs.org/1.6.9/$injector/unpr?p0=%24st...
at https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:7:76
at https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:46:64
at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:43:309)
at e (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:44:39)
at Object.invoke (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:44:124)
at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:42:279)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:42:418
at r (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:8:7)
at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:42:180)
at gb (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:46:250
在我不记得的一些更改之后也给出了错误 Error: $injector:unpr Unknown Provider Stateprovider
。
脚本
` angular.module('app', [])
'use strict';
var app = angular.module('app').factory('AuthInterceptor', [function () {
return {
// Send the Authorization header with each request
'request': function (config) {
config.headers = config.headers || {};
var encodedString = btoa("admin:admin");
config.headers.Authorization = 'Basic ' + encodedString;
return config;
}
};
}]);
app.config(['$httpProvider', '$stateProvider',function ($httpProvider, $stateProvider ) {
$stateProvider
.state('GradesData', {
url: '/GradesData',
templateUrl: '../GradesData.html'
})
.state('GradesForm', {
url: '/GradesForm',
templateUrl: '../GradesForm.html'
})
$httpProvider.interceptors.push('AuthInterceptor');
}]);`
包含以下脚本
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
添加 $stateProvider 后出现问题
添加了 $stateProvider,用于从 angularjs 页面到另一个 angularjs 页面传递 data/values。
包含其他 jquery 脚本
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<script src="bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="bower_components/fastclick/lib/fastclick.js"></script>
<script src="dist/js/adminlte.min.js"></script>
<script src="dist/js/demo.js"></script>
如果您使用 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
,请使用 $routeProvider
而不是 $stateProvider
那么您的代码将如下所示:
app.config(['$locationProvider', '$routeProvider',
function($locationProvider, $routeProvider) {
$locationProvider.hashPrefix('');
$routeProvider
.when('/GradesData', {
templateUrl: '../GradesData.html'})
.when('/GradesForm', {
templateUrl: '../GradesForm.html'
});
$routeProvider.otherwise('/');
}
]);
将 ngRoute
添加到 angular.module
angular.module('app', ['ngRoute'])
https://www.w3schools.com/angular/angular_routing.asp
对于 $stateProvider
添加 ui.router
到 angular.module
angular.module('helloworld', ['ui.router']);
并使用
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.20/angular-ui-router.min.js"></script>
未捕获错误注入器 modulerr 模块错误。 Angular 路由器无法正常工作。 在 app.config 中添加 $stateProvider 后,angulerjs 通过给出以下错误停止工作。
Failed to instantiate module app due to:
Error: [$injector:unpr] http://errors.angularjs.org/1.6.9/$injector/unpr?p0=%24st...
at https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:7:76
at https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:46:64
at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:43:309)
at e (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:44:39)
at Object.invoke (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:44:124)
at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:42:279)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:42:418
at r (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:8:7)
at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:42:180)
at gb (https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js:46:250
在我不记得的一些更改之后也给出了错误 Error: $injector:unpr Unknown Provider Stateprovider
。
脚本
` angular.module('app', []) 'use strict';
var app = angular.module('app').factory('AuthInterceptor', [function () {
return {
// Send the Authorization header with each request
'request': function (config) {
config.headers = config.headers || {};
var encodedString = btoa("admin:admin");
config.headers.Authorization = 'Basic ' + encodedString;
return config;
}
};
}]);
app.config(['$httpProvider', '$stateProvider',function ($httpProvider, $stateProvider ) {
$stateProvider
.state('GradesData', {
url: '/GradesData',
templateUrl: '../GradesData.html'
})
.state('GradesForm', {
url: '/GradesForm',
templateUrl: '../GradesForm.html'
})
$httpProvider.interceptors.push('AuthInterceptor');
}]);`
包含以下脚本
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
添加 $stateProvider 后出现问题 添加了 $stateProvider,用于从 angularjs 页面到另一个 angularjs 页面传递 data/values。
包含其他 jquery 脚本
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<script src="bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="bower_components/fastclick/lib/fastclick.js"></script>
<script src="dist/js/adminlte.min.js"></script>
<script src="dist/js/demo.js"></script>
如果您使用 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
,请使用 $routeProvider
而不是 $stateProvider
那么您的代码将如下所示:
app.config(['$locationProvider', '$routeProvider',
function($locationProvider, $routeProvider) {
$locationProvider.hashPrefix('');
$routeProvider
.when('/GradesData', {
templateUrl: '../GradesData.html'})
.when('/GradesForm', {
templateUrl: '../GradesForm.html'
});
$routeProvider.otherwise('/');
}
]);
将 ngRoute
添加到 angular.module
angular.module('app', ['ngRoute'])
https://www.w3schools.com/angular/angular_routing.asp
对于 $stateProvider
添加 ui.router
到 angular.module
angular.module('helloworld', ['ui.router']);
并使用
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.20/angular-ui-router.min.js"></script>