Modül başlatılamadı [$ injector: unpr] Bilinmeyen sağlayıcı: $ routeProvider


Yanıtlar:


404

NgRoute modülü artık çekirdek angular.jsdosyanın parçası değil . $ RouteProvider'ı kullanmaya devam ediyorsanız, şimdi angular-route.jsHTML'nize eklemeniz gerekir :

<script src="angular.js">
<script src="angular-route.js">

API Referansı

Ayrıca ngRouteuygulamanız için bir bağımlılık olarak eklemeniz gerekir:

var app = angular.module('MyApp', ['ngRoute', ...]);

Bunun yerine angular-ui-routerveya benzerlerini kullanmayı planlıyorsanız , $routeProvider bağımlılığı modülünüzden kaldırın .config()ve ilgili ilgili sağlayıcıyla değiştirin (örn. $stateProvider). Daha sonra ui.routerbağımlılığı kullanırsınız :

var app = angular.module('MyApp', ['ui.router', ...]);

2
ui-routerSıfırdan başlıyorsanız , proje daha esnek bir alternatif olabilir gibi görünüyor ( github.com/angular-ui/ui-router )
gatoatigrado

2
@gatoatigrado - Sadece kaç yaşında fark ui.stateben benim app yükseltilmiş zaman sözdizimi oldu angular-ui-router v0.0.1 için v0.2.0 şimdi kullandığı anlamına gelir ui.routerisim. Ortaya çıkan karışıklıktan dolayı özür dilerim.
Scotty.NET

3
CDN adresi nerede angular-route.js?
Sahar Sany

@SaharSany - CDN adresini ve diğer seçenekleri içeren belgelerangular-route . Gelince ui-routerBildiğim kadarıyla şu anda hiçbir CDN yoktur.
Scotty.NET

3
ui-routercdnjs'de olmasına rağmen kendi CDN'sinde görünmüyor: cdnjs.com/libraries/angular-ui-router
Nick McCurdy

41

scotty'nin cevabına ek olarak:

1. Seçenek: Ya JS dosyanıza ekleyin:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>

Seçenek 2: veya yerel olarak ' angular-route.min.js ' dosyasını indirmek için URL'yi kullanın .

ve sonra (hangi seçeneği seçerseniz seçin) bu 'ngRoute'u bağımlılık olarak ekleyin.

açıkladı: var app = angular.module('myapp', ['ngRoute']);

Alkış !!!


5
Üzgünüm ama bunun zaten verilen cevaba çok benzediğini itiraf etmeliyim?
Scotty.NET

2
... başka yerlerde insanların 'angular-route.min.js' dosyasını indirmek veya yönlendirmek için bağlantı / URL bulamadıklarını fark ettim. Cevapta verdiğim budur ve Evet, bahsettiğiniz 'ngRoute' Bağımlılığını kabul ediyorum, bu yüzden de cevabımı ekledim.
mayankcpdixit

Ben js kütüphane cehennem biraz daha yorgun. Elbette modül tarafından uygun yığın modülünü bulmaktan daha iyi bir yol olmalı.

@SamanthaAtkins böyle yapılır, Eğer neyin gerekli olduğunu biliyorsanız bağımlılığı enjekte ve bu Bağımlılık için kod yoksa JS dosyasını dahil. Birisi önerirse daha iyi bir yolu takdir etsem de.
mayankcpdixit

3

Benim durumumda dosya yanlış kapsamla küçültülmüştü. Array kullanın!

app.controller('StoreController', ['$http', function($http) {
    ...
}]);

Kahve sözdizimi:

app.controller 'StoreController', Array '$http', ($http) ->
  ...
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.