Question

是angularjs的新手。陷入非常愚蠢的境地。

我正在尝试创建一个小角度应用，应该使用npm library hidemyass-scrapper。

以下是我的代码：

HTML：

<html>
<head>
    <script src="js/angular.js"></script>
    <script src="js/google-play-scraper/lib/google-play-scraper.js"></script>
    <script src="js/mine.js"></script>

</head>
<body ng-app="myapp" ng-controller="mycontroller">
</body>
</html>

mine.js：

 var scrapper = angular.module('scrapper', []);
 scrapper.constant('gps', ['$window', function($window) {
 return $window.google-play-scraper; 
}]);

 angular.module('myapp',['scrapper'])
.controller('mycontroller',['$scope','$window','gps', function($scope,$window,gps){

//var gplay = require('google-play-scraper'); So now gplay should be availale and i cant use require in angularjs

gplay.app({appId: 'com.dxco.pandavszombies'})
  .then(function(app){
    console.log('Retrieved application: ' + app.title);
  })
  .catch(function(e){
    console.log('There was an error fetching the application!');
  });

}]);

CHROME中的错误信息：

google-play-scraper.js:1 Uncaught ReferenceError: require is not defined
angular.js:13424 ReferenceError: gplay is not defined
    at new <anonymous> (mine.js:17)
    at Object.invoke (angular.js:4625)
    at $controllerInit (angular.js:10027)
    at nodeLinkFn (angular.js:8965)
    at compositeLinkFn (angular.js:8333)
    at publicLinkFn (angular.js:8213)
    at angular.js:1715
    at Scope.$eval (angular.js:17025)
    at Scope.$apply (angular.js:17125)
    at bootstrapApply (angular.js:1713)

我在这里做错了什么......

angularjs依赖注入没有正确导入外部npm库

0 个答案: