未捕获错误:使用 UI 路由器状态时出现 [$injector:模块rr]



我是angularJs的新手,并试图编写一个简单的涉及状态的程序。我正在使用 ui 路由器库。

在浏览器中运行我的程序时显示以下错误:未捕获的错误: [$injector:模块rr]

这是我的代码:

(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:

首先.html:

<h3>Yay, this is me!! first state</h3>

第二状态.html:

<h3>Yippee!! this is me, second state!!!</h3>

这些是我拥有的所有文件。

我的代码可以在其他浏览器中工作,但在谷歌浏览器中不起作用。我必须清除浏览数据和缓存才能使其正常工作。其他一切都是正确的。

把这个留给将来遇到这个问题的人。

最新更新