Question

我使用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>

Answer 1

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

也许找不到供应商，因为它已缩小了？

你能复制你的js代码吗？

以下是您如何注射它的示例：

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

    //Do something with the locationProvider

}]);

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

AngularJS未知提供者：$ locationProvider

1 个答案: