Uncaught Error: [$injector:modulerr] while using ui-router state
Uncaught Error: [$injector:modulerr] while using ui-router state
我是 angularJs 的新手,正在尝试编写一个涉及状态的简单程序。我正在使用 ui-路由器库。
在 运行 我的浏览器程序显示以下错误:
未捕获的错误:[$injector:modulerr]
这是我的代码:
(function(){
'use strict';
angular.module('tryingApp',['ui.router'])
.config(RoutesConfig);
RoutesConfig.$inject = ['$stateProvider', '$urlRouterProvider'];
function RoutesConfig($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise('/me');
$stateProvider
.state('me',{
url:'/me',
templateUrl:'firststate.html'
})
.state('nome',{
url:'/nome',
templateUrl:'secondstate.html'
});
}
})();
<!doctype html>
<html ng-app="tryingApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<ui-view></ui-view>
<a ui-sref="me">click me!</a>
<a ui-sref="nome">no, click me!!</a>
</body>
</html>
除了上述 html 和 javascript 文件外,我还有以下两个 html 文件,分别用于 firststate.html 和 secondstate.html:
firstate.html:
<h3>Yay, this is me!! first state</h3>
secondstate.html:
<h3>Yippee!! this is me, second state!!!</h3>
这些是我所有的文件。
我的代码在其他浏览器中工作,但在 Google Chrome 中不工作。我必须清除浏览数据和缓存才能使其正常工作。其他都是正确的。
留给以后遇到这个问题的人。
我是 angularJs 的新手,正在尝试编写一个涉及状态的简单程序。我正在使用 ui-路由器库。
在 运行 我的浏览器程序显示以下错误: 未捕获的错误:[$injector:modulerr]
这是我的代码:
(function(){
'use strict';
angular.module('tryingApp',['ui.router'])
.config(RoutesConfig);
RoutesConfig.$inject = ['$stateProvider', '$urlRouterProvider'];
function RoutesConfig($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise('/me');
$stateProvider
.state('me',{
url:'/me',
templateUrl:'firststate.html'
})
.state('nome',{
url:'/nome',
templateUrl:'secondstate.html'
});
}
})();
<!doctype html>
<html ng-app="tryingApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<ui-view></ui-view>
<a ui-sref="me">click me!</a>
<a ui-sref="nome">no, click me!!</a>
</body>
</html>
除了上述 html 和 javascript 文件外,我还有以下两个 html 文件,分别用于 firststate.html 和 secondstate.html:
firstate.html:
<h3>Yay, this is me!! first state</h3>
secondstate.html:
<h3>Yippee!! this is me, second state!!!</h3>
这些是我所有的文件。
我的代码在其他浏览器中工作,但在 Google Chrome 中不工作。我必须清除浏览数据和缓存才能使其正常工作。其他都是正确的。
留给以后遇到这个问题的人。