ब्राउज़र लाइब्रेरी के साथ बाहरी लाइब्रेरी नहीं मिल सकती है और

Question

को डेबोरिफाइड नहीं कर सकता है मेरे हाथों में सिरदर्द है। बोवर पुस्तकालयों browserify

App के साथ संगत बनाने के लिए

debowerify browserify चलाने के लिए विक्रेता पुस्तकालयों (इस मामले में कोणीय)

घूंट काम पाने के लिए

• बोवर: यहाँ मेरे वर्तमान सेटअप है (browserify से पहले) .js:

  'use strict'; 
  
  var angular = require("angular"); 
  var Routes = require("./routes"); 
  
  angular.module('MyAngularApp') 
      .config(Routes); 
  

  App.js (के बाद/bundle.js में browserify):

  var angular = require("./../ext/angular/angular.js"); 
  var Routes = require("./routes"); 
  
  angular.module('MyAngularApp') 
      .config(Routes); 
  

  अब तक तो अच्छा, है ना? ऐसा लगता है कि यह कामयाब रहा है और angular को angular.js के सापेक्ष पथ के साथ बोवर से बदल दिया गया है।

  लेकिन जब मैं ब्राउज़र कमांड लाइन में bundle.js डिबग, (angular और Routes के लिए) पहले दो require लाइनों को क्रियान्वित करने के बाद, angular एक खाली obj है, लेकिन Routes बिल्कुल सही समारोह निर्यात में है कि मैं सेटअप है।

  प्रश्न:angularrequire फ़ंक्शन का उपयोग करके सही तरीके से आयात नहीं किया जा रहा है?

  मैं अपने package.json में डाल debowerify काम कर पाने के लिए:

  "browserify": { 
      "transform": [ 
       "debowerify" 
      ] 
      }, 
  

Answer 1

AngularJS पल में CommonJS का समर्थन नहीं करता है, तो var angular = require("angular") काम नहीं करता। इसके बजाय, केवल require('angular') का उपयोग करें।

'use strict'; 

require('angular'); 
var Routes = require("./routes"); 

angular.module('MyAngularApp') 
    .config(Routes); 

कोणीय वस्तु वैश्विक स्तर पर लोड की जाएगी और इसे अन्य जेएस फ़ाइलों द्वारा भी एक्सेस किया जा सकेगा।