Javascript ui路由器依赖项包括仍然获取错误[$injector:unpr]未知提供程序:$stateProvider
我实际上试图使用$stateProvider路由,但它给出了错误;未捕获错误:[$injector:modulerr]未能实例化模块Modulery,原因是: 错误:[$injector:unpr]未知提供程序:$stateProvider angular-ui-router.js包含在我的索引页面中angular.js文件之后。我在app.js文件中也包含了ui路由器依赖项。 即使经过大量研究,我也无法得到答案。请帮忙 Index.htmIJavascript ui路由器依赖项包括仍然获取错误[$injector:unpr]未知提供程序:$stateProvider,javascript,angularjs,angular-ui-router,Javascript,Angularjs,Angular Ui Router,我实际上试图使用$stateProvider路由,但它给出了错误;未捕获错误:[$injector:modulerr]未能实例化模块Modulery,原因是: 错误:[$injector:unpr]未知提供程序:$stateProvider angular-ui-router.js包含在我的索引页面中angular.js文件之后。我在app.js文件中也包含了ui路由器依赖项。 即使经过大量研究,我也无法得到答案。请帮忙 Index.htmI <!DOCTYPE html> <
<!DOCTYPE html>
<head>
<script src="app/vendors/angular-1.4.8/angular.js"></script>
<script src="app/vendors/angular-1.4.8/angular-ui-router.js"></script>
<script src="app/vendors/angular-locale_en-in.js"></script>
<script src="app/assets/css/styles.css"></script>
<script src="app/scripts/try.app.js"></script>
<script src="app/scripts/try.config.js"></script>
<script src="app/scripts/try.controller.js"></script>
<script src="app/scripts/try.router.js"></script>
</head>
<body ng-app="moduleTry">
<h2>AngularJS Ui router - Demonstration</h2>
<div class="container">
<a href="#home"></a>Home</li>
<a href="#about-us"></a>About</li>
</div>
<div ui-view>
</div>
</div>
</body>
</html>
try.config.js
(function(){
"use-strict"
})();
try.controller.js
(功能(){
“严格使用”
try.route.js
"use-strict";
angular.module('moduleTry')
.config(["$stateProvider", "$urlRouterProvider", function($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise("/home");
$stateProvider
.state("home",{
url: "/home",
templateUrl: "Template/template1.html"
})
.state("about-us", {
url: "/about-us",
templateUrl: "Template/template2.html"
})
}]);
如果您首先执行正确的setter init,则会出现该错误
(function(){
angular.module('moduleTry',[
'ui.router'
])
})();
然后…意外地-重新定义它
angular.module('moduleTry',[])
如果你检查你的控制器代码,有一个类型非常接近它
angular.module("moduleTry",)
这是错误的,一定是错误的
angular.module("moduleTry")
如果您首先执行正确的setter init,则会出现该错误
(function(){
angular.module('moduleTry',[
'ui.router'
])
})();
然后…意外地-重新定义它
angular.module('moduleTry',[])
如果你检查你的控制器代码,有一个类型非常接近它
angular.module("moduleTry",)
这是错误的,一定是错误的
angular.module("moduleTry")
尝试将$state注入Try.route.js配置,然后查看它是否解决了您的问题。我尝试将$state包含到Try.route.js中,但问题保持不变。尝试将$state注入Try.route.js配置,然后查看它是否解决了您的问题。我尝试将$state包含到Try.route.js中,但问题保持不变。我进行了更改并使用角模(“模数法”)在所有的js文件中,例如try.app.js、try.controller.js、try.route.js,但问题仍然是一样的。你可以创建一个plunker..并显示它是如何损坏的。有一个我的..正在工作。调整它以重现问题,我准备好了帮助,非常感谢。我已经创建了plunker..我已经在index.html中包含了这些文件,因为它们在我的项目中。请告诉我是否需要任何更改。我对代码做了一些更改,所以请参考plunker。请通知我错误。我修复了您的plunker并使其正常工作。最大的问题是(正如我预期的)控制器文件..和重新声明
angular.module(“about.modulery”,[])
的模块。检查这里的工作内容我做了更改并使用了angular.module(“Modulery”)在所有的js文件中,例如try.app.js、try.controller.js、try.route.js,但问题仍然是一样的。你可以创建一个plunker..并显示它是如何损坏的。有一个我的..正在工作。调整它以重现问题,我准备好了帮助,非常感谢。我已经创建了plunker..我已经在index.html中包含了这些文件,因为它们在我的项目中。请告诉我是否需要任何更改。我对代码做了一些更改,所以请参考plunker。请通知我错误。我修复了您的plunker并使其正常工作。最大的问题是(正如我预期的)控制器文件..和重新声明angular.module(“about.modulery”,[])
模块的..在此处检查工作内容