未捕獲的錯誤：[$注射器：modulerr]，而採用了棱角分明有需要

我想使用的角度需要，我創建了一個示例應用learning.My代碼文件看起來像這樣

的index.html

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>RequireJs Demo</title> 
 

 
    <script src="require.js" data-main="main.js"></script> 
 
</head> 
 
<body ng-controller="myController"> 
 
{{message}} 
 
</body> 
 
</html>

main.js

require.config({ 
 
    paths: { 
 
     angular: 'angular.min', 
 
     angularresourse:'angular-resource.min' 
 
    }, 
 
    
 
    shim: { 
 
     angularresourse:['angular'], 
 
     "angular": { 
 
      exports: "angular" 
 
     } 
 
    } 
 
}); 
 
require(['angular', 'module'], 
 
    function() { 
 
     angular.bootstrap(document, ['app']); 
 
    } 
 
);

個

module.js

define(['angular', 'controller'], function (angular,controller) { 
 
    angular.module('app',[]) 
 
     .controller('myController', controller); 
 
});

controller.js

define([], function() { 
 
    var myController = function ($scope) { 
 
     $scope.message = "RequireJs Integrated successfully"; 
 
    }; 
 

 
    myController.$inject = ['$scope']; 
 

 
    return myController; 
 
});

但在執行這表明誤差

"angular.min.js:6 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/ $injector/modulerr?p0=app&p1=Error%3A%20%…ttp%3A%2F%2Flocalhost%3A8383%2FAngular_Require%2Fangular.min.js%3A20%3A390)"

有人能幫助我，請...

來源

2016-11-18 vivek vijayakumar

在HTML中使用ng-app="app"這樣

<html lang="en" ng-app="app"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>RequireJs Demo</title> 

     <script src="require.js" data-main="main.js"></script> 
    </head> 
    <body ng-controller="myController"> 
    {{message}} 
    </body> 
</html>

在代碼中添加JS文件。

來源

2016-11-18 07:31:52

我補充說，但錯誤仍然拋出 –

添加相關的js文件在您的html頁面。 –

我不想包括所有我的js文件在索引，html.To避免我以下require.js..This代碼工作，並在「codeproject」中找到一些教程，但不工作時，我複製相同 –

未捕獲的錯誤：[$注射器：modulerr]，而採用了棱角分明有需要

回答

相關問題