使用ui-router状态时未捕获错误:[$ injector:modulerr]

时间:2018-04-09 06:54:40

标签: javascript angularjs angular-ui-router

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

在浏览器中运行我的程序时会显示以下错误: 未捕获的错误:[$ 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文件之外,我还分别为firststate.html和secondstate.html提供了以下两个html文件:

firstate.html:

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

secondstate.html:

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

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

1 个答案:

答案 0 :(得分:0)

我的代码在其他浏览器中运行但在Google Chrome中无效。我必须清除浏览数据和缓存以使其正常工作。其他一切都是正确的。

将此留给将来遇到此问题的人。