【发布时间】: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