AngularJS $ Injektor Fehler in meiner App

ich zur Zeit ein Problem mit meiner app Brechen aufgrund einer Error: $injector:modulerr Module Error

Der vollständige Fehler habe: in beide

Failed to instantiate module app due to: 
    Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: 
Error: [$injector:modulerr] Failed to instantiate module JobCtrl due to: 
Error: [$injector:nomod] Module 'JobCtrl' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 
http://errors.angularjs.org/1.6.2/$injector/nomod?p0=JobCtrl 
    at http://ep-dev3/CPDManagement/app/Vendor/angular.js:69:20 
    at http://ep-dev3/CPDManagement/app/Vendor/angular.js:2188:31 
    at ensure (http://ep-dev3/CPDManagement/app/Vendor/angular.js:2112:46) 
    at module (http://ep-dev3/CPDManagement/app/Vendor/angular.js:2186:24) 
    at http://ep-dev3/CPDManagement/app/Vendor/angular.js:4757:36 
    at forEach (http://ep-dev3/CPDManagement/app/Vendor/angular.js:358:34) 
    at loadModules (http://ep-dev3/CPDManagement/app/Vendor/angular.js:4741:13) 
    at http://ep-dev3/CPDManagement/app/Vendor/angular.js:4758:54 
    at forEach (http://ep-dev3/CPDManagement/app/Vendor/angular.js:358:34) 
    at loadModules (http://ep-dev3/CPDManagement/app/Vendor/angular.js:4741:13) 
http://errors.angularjs.org/1.6.2/$injector/modulerr?

Ich habe ui.bootstrap als Abhängigkeit meine app.js und mein Controller. Wenn ich versuche, die Abhängigkeit von meinem Controller zu entfernen, bricht die Anwendung ab. Wenn ich es verlasse, läuft es gut, aber gibt mir Probleme beim Hinzufügen von Diensten und Anweisungen.

app.js:

angular.module('app', 
    [ 
     'JobCtrl', 
     'JobSvc', 
     'WebsiteCtrl', 
     'WebsiteSvc', 
     'myClientCtrl', 
     'ClientSvc', 
     'MediaCompanyCtrl', 
     'MediaCompanySvc', 
     'PageAlertSvc', 
     'ui.bootstrap', 
     'Common' 
    ] 
);

Controller:

angular.module('app') 
    .controller('JobCtrl', 
      [ 
       'JobService', 
       'WebsiteService', 
       'MediaCompanyService', 
       'ProductService', 
       '$scope', 
       '$uibModal', 
       'PageAlertService', 
       function (JobService, WebsiteService, MediaCompanyService, 
        ProductService, $scope, $uibModal,PageAlertService){ 
            /** Stuff in my controller **/ 
      }]);

EDIT Anzeigen Quelle

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>@ViewBag.Title - CPD Management Tool</title> 
    <script src="~/app/Vendor/angular.min.js"></script> 
    <script src="~/Scripts/ui-bootstrap-tpls-2.5.0.min.js"></script> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 

</head> 
<body> 
@if (User.Identity.IsAuthenticated) 
{ 
    <div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 

       @Html.ActionLink("Clear Path Direct", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" }) 
      </div> 
      <div class="navbar-collapse collapse"> 
       @if (User.IsInRole("Admin")) 
       { 
       <ul class="nav navbar-nav"> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" 
          aria-haspopup="true" aria-expanded="false">Tools<span class="caret"></span></a> 
         <ul class="dropdown-menu"> 
          <li class="text-center">@Html.ActionLink("Media Jobs", "Index", "MediaJobs")</li> 
          <li class="text-center">Order Processing</li> 
          <li class="text-center">Media Reporting</li> 
         </ul> 
        </li> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" 
          aria-haspopup="true" aria-expanded="false">Manage<span class="caret"></span></a> 
         <ul class="dropdown-menu"> 
          <li class="text-center">@Html.ActionLink("Manage Clients", "Index", "Clients")</li> 
          <li class="text-center">@Html.ActionLink("Manage Media Companies", "Index", "MediaCompanies")</li> 
          <li class="text-center">@Html.ActionLink("Manage Websites", "Index", "Websites")</li> 
         </ul> 
        </li> 

       </ul> 
       } 
       @Html.Partial("_LoginPartial") 

      </div> 
     </div> 
    </div> 
       } 
    <div class="container body-content"> 
     @RenderBody() 
     <!-- 
     <footer> 
      <p>&copy; @DateTime.Now.Year - CPD Management Tool</p> 
     </footer> 
      --> 
    </div> 

    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/bootstrap") 
    <!--angular scripts--> 
    @Scripts.Render("~/bundles/Angular") 
    <!-- ----> 
    @RenderSection("scripts", required: false) 
</body> 
</html>

Warum läuft meine Anwendung, wenn mein Controller ist:

angular.module('app', ['ui.bootstrap']).controller('JobCtrl', 
     [ 
      'JobService', 
      'WebsiteService', 
      'MediaCompanyService', 
      'ProductService', 
      '$scope', 
      '$uibModal', 
      'PageAlertService', 
      function (JobService, WebsiteService, MediaCompanyService, 
       ProductService, $scope, $uibModal,PageAlertService)

und brechen, wenn ich es haben mag:

angular.module('app').controller('JobCtrl', 
    [ 
     'JobService', 
     'WebsiteService', 
     'MediaCompanyService', 
     'ProductService', 
     '$scope', 
     '$uibModal', 
     'PageAlertService', 
     function (JobService, WebsiteService, MediaCompanyService, 
      ProductService, $scope, $uibModal,PageAlertService)

Hilfe wirklich geschätzt werden würde!

Quelle

2017-03-01 DDelgro

Sie Bootstrap und verwandte Dinge entfernen? – Sajeetharan

Können wir sehen, wo Sie Ihre js in Ihrem HTML laden? –

ich verwenden möchte ui.bootstrap zu können, aber ich sollte noch in der Lage sein, es zu benutzen, wenn die Abhängigkeit in der app.js Abhängigkeitsliste ist, nicht wahr? – DDelgro

Die Frage war ich hatte, dass ich den Import alle meine Controller und Dienstleistungen im App-Modul (app.js). Vielen Dank @Claies, dass Sie mich darauf hingewiesen haben.

Falsch:

 angular.module('app', 
    [ 
     'JobCtrl', 
     'JobSvc', 
     'WebsiteCtrl', 
     'WebsiteSvc', 
     'myClientCtrl', 
     'ClientSvc', 
     'MediaCompanyCtrl', 
     'MediaCompanySvc', 
     'PageAlertSvc', 
     'ui.bootstrap', 
     'Common' 
    ] 
);

Rechts:

angular.module('app', ['ui.bootstrap']);

Quelle

2017-03-02 17:40:09 DDelgro

AngularJS $ Injektor Fehler in meiner App

Antwort

Verwandte Themen