【问题标题】:Uncaught Error: [$injector:modulerr] while using ui-router state未捕获的错误:[$injector:modulerr] 使用 ui-router 状态时
【发布时间】:2026-01-06 14:05:02
【问题描述】:

我是 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文件,我还有以下两个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>

这些是我所有的文件。

【问题讨论】:

  • 你添加/安装了ui.router依赖吗?
  • 我是通过CDN链接使用ui.router库的,还不够吗? @UsmanRana
  • @whateverMan 我看到这是正确的。当我在本地服务器中使用该代码时,没有 [$injector:modulerr] 错误。该错误必须来自其他地方。发布您的整个代码。
  • @AnkitAgarwal 我已经用所有文件更新了帖子。我总共只有 4 个文件,一个 index.html,一个 script.js,另外两个用于州。
  • @whateverMan 我没有收到任何错误,并且路由工作正常。

标签: javascript angularjs angular-ui-router


【解决方案1】:

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

留给以后遇到这个问题的人。

【讨论】:

    最近更新 更多