AngularJS 未知提供者：$locationProvider答案

【问题标题】：AngularJS Unknown Provider: $locationProviderAngularJS 未知提供者：$locationProvider
【发布时间】：2016-06-24 10:57:14
【问题描述】：

我正在使用 webpack 来运行 AngularJS 应用程序。我的项目首先是使用 webserver、gulp 和 livereload 构建的。现在在尝试使用 webpack 构建项目时，我在控制台中遇到以下错误。

错误：未知提供者：$locationProvider

HTML：

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#25abb7">

<!-- font awesome from BootstrapCDN -->
<link href="assets/fa/font-awesome.min.css" rel="stylesheet">

   <!-- compiled JS -->
<script type="text/javascript" src="assets/lib/keycloak/keycloak.js"></script>
<script type="text/javascript" src="../js/bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.js"></script> 



<div>
  <div ui-view="header"></div>
  <div ui-view="main"></div>
  <div ui-view="footer"></div>
</div>

【问题讨论】：

请添加一些代码
您的代码很奇怪，因为您有来自 CDN 和 angular-ui-router 的 bundle.js ABOVE angularjs。

标签： angularjs angular-ui-router webpack webpack-dev-server

【解决方案1】：

检查你的依赖注入是否正确。

可能是因为缩小了，所以找不到提供者？

你能复制你的js代码吗？

这是一个如何注入它的示例：

app.config(['$routeProvider','$locationProvider', function($routeProvider,$locationProvider) {

    //Do something with the locationProvider

}]);

我认为此链接可能会解决您的问题How do I access the $locationProvider to configure it?

【讨论】：

我已经注入了但是同样的问题。 module.config(['$httpProvider, $stateProvider, $urlRouterProvider, $locationProvider', function ($httpProvider, $stateProvider, $urlRouterProvider, $locationProvider) { $httpProvider.interceptors.push('authInterceptor'); $urlRouterProvider.otherwise ('/');}]);