$injector.模块rr问题



所以我绞尽脑汁已经有一段时间了,看了每一行,我似乎找不到任何错误。这是我的代码:

.HTML:

<body ng-app='myApp'>
<div class="wrapper">
<nav>
<ul ng-controller="pathController">
<li ng-click="changePath('about')"><a href="#about">About</a></li>
<li ng-click="changePath('contacts')"><a href="#contacts">Contacts</a></li>
<li ng-click="changePath('login')"><a href="#login">Log In</a></li>
<li ng-click="changePath('register')"><a href="#register">Join Now</a></li>
</ul>
</nav>
</div>
<script src="node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script>
<script src="node_modules/angular/angular.min.js" type="text/javascript"></script>
<script src="node_modules/angular-route/angular-route.min.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>
<script src="scripts/controllers/pathController.js" type="text/javascript"></script>
</body>

应用.js:

var app = angular.module("myApp", ['ngRoute', 'ngController']);
app.config(["$locationProvider", "$routeProvider"], 
function($locationProvider, $routeProvider) {
$locationProvider.hashPrefix("");
$routeProvider.when('/', {
templateUrl: "index.html"
})
})

关于"ngController"依赖项 - 我后来在检查可能修复它的不同内容的过程中添加了它。

和路径控制器.js:

app.controller('pathController', function($scope) {
$scope.changePath = function(pth) {
window.location.pathname = pth;
}
})

如您所见,$routeProvider不是问题。请看一看,看看你是否能解决我的问题。

附言对不起,我忘了添加我收到的错误,我只写在标题中,这里是:

未捕获的错误: [$injector:模块rr] http://errors.angularjs.org/1.7.4/...

提前感谢!

试试

var app = angular.module("myApp", ["ngRoute"]);
app.config(["$locationProvider", "$routeProvider", 
function($locationProvider, $routeProvider) {
$locationProvider.hashPrefix("");
$routeProvider.when('/', {
templateUrl: "index.html"
})
}]
)

您犯了以下错误:

app.config(["$locationProvider", "$routeProvider"], <-- 此 ] 括号不应在此处关闭。

这是工作 plunkr

最新更新