2017-10-05 33 views
0

我有一个角应用,其中i有一个app.run.js和app.controllers.js模块时控制器,服务指令放入单独的文件

以前我是使用一个main.js不可用的错误,应用程序工作正常,但现在,当我 分居控制器和run.js

我收到没有模块可用的错误。

Error: $injector:modulerr 
Module Error 

我到底做错了什么?

请参阅捣鼓代码

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 
    <title>Starfleet</title> 
 
    <meta charset="UTF-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
 
    <link rel="icon" href="http://webstandards.delhivery.com/favicon.ico"> 
 
    <link rel="stylesheet" href="https://webstandards.delhivery.com/2.1.0/libs/ws/delhivery.css"> 
 
    <link rel="stylesheet" href="styles/style.css"> 
 
</head> 
 

 
<body ng-app="starfleet-app" ng-controller="pageController as vm"> 
 
    
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-route.min.js"></script> 
 
    <script src="https://webstandards.delhivery.com/2.1.0/libs/ws/delhivery.js"></script> 
 
    <script src="scripts/app.run.js"></script> 
 
    <script src="scripts/controllers/app.page.controller.js"></script> 
 
    
 
</body> 
 

 
</html> 
 

 
This is my app.run.js 
 

 
angular.module('starfleetApp',['dlv-ng','ngRoute']); 
 
angular.module('starfleetApp').config(function($routeProvider) { 
 
    debugger; 
 
     $routeProvider 
 
      .when('/', { 
 
       templateUrl: './../partials/tracking.html' 
 
      }) 
 
      .when('/create', { 
 
       templateUrl: './../partials/createOrder.html' 
 
      }) 
 
      .when('/singleUpload', { 
 
       templateUrl: './../partials/singleUpload.html' 
 
      }) 
 
      .otherwise({ 
 
       redirectTo: '/' 
 
      }); 
 

 
    }); 
 
    
 
    
 
This is my app.page.controller.js 
 

 
angular.module("starfleetApp").controller('pageController', function($scope, $uibModal, $log, $document, $rootScope) { 
 

 

 
}); 
 
    
 

 
<!-- begin snippet: js hide: false console: true babel: false -->

回答

1

您是否尝试过改变你的angular.module("starfleetApp")angular.module("starfleet-app")

根据自己的HTML和JS,你正在使用错误的模块名称。这可能会解决你的错误。

编辑

工作代码 http://jsbin.com/komodukipe/edit?html,output

+0

感谢的人。有效。 但我有一个疑问,不要在html中使用分隔的命名空间,而在javascript中使用camelcase以避免应用程序名称的角度。 –

+0

你的欢迎兄弟。我认为你指的是指令命名。 –

+0

哦,是的。谢谢。 –

相关问题