проблема $ injector.modulerr - PullRequest
Новая
       5

проблема $ injector.modulerr

0 голосов
/ 09 сентября 2018

Так что я уже некоторое время ломаю себе голову, смотрю на каждую строчку и, похоже, не могу найти ошибку. Вот мои коды:

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>

app.js: 

var app = angular.module("myApp", ['ngRoute', 'ngController']);

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

Об этой зависимости 'ngController' - я добавил ее позже, в процессе проверки различных вещей, которые могли бы это исправить.

и pathController.js: 

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

Как видите, $ routeProvider не является проблемой. Пожалуйста, посмотрите, сможете ли вы решить мою проблему.

P.S. Извините, я забыл добавить полученную ошибку, я только написал ее в заголовке, вот она:

Uncaught Ошибка: [$ инжектор: modulerr] http://errors.angularjs.org/1.7.4/ ...

Заранее спасибо!

1 Ответ

0 голосов
/ 09 сентября 2018

Попробуйте 

var app = angular.module("myApp", ["ngRoute"]);

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

Вы допустили ошибку ниже:

app.config (["$ locationProvider", "$ routeProvider" ], <- this] скобка не должна здесь закрываться. </p>

Вот рабочий планкр

...