2017-12-10 87 views
9

मेरे पास mgechev/angular-seed और 2muchcoffeecom/ngx-restangular के साथ एक कंकाल एप्लिकेशन निर्माण है। मैं उन्हें एकीकृत करना चाहता हूं लेकिन मुझे समाधान नहीं मिल रहा है कि इसे कैसे किया जाए।कोणीय-बीज में ngx-restangular जोड़ने के लिए कैसे?

इससे पहले कि मैं project.config.ts पर कुछ संकुल सफलतापूर्वक angular-seed दस्तावेज के बाद जोड़ता हूं।

यहाँ विन्यास का एक टुकड़ा है कि ठीक काम करता है:

... 
    # tools/config/project.config.ts 

    let additionalPackages: ExtendPackages[]; 
    additionalPackages = [ { 
     name: 'angular2-jwt', 
     path: 'node_modules/angular2-jwt', 
     packageMeta: { 
      defaultExtension: 'js', 
     } 
    }, { 
     name: 'ngx-progressbar', 
     path: 'node_modules/ngx-progressbar/bundles/ngx-progressbar.umd.js', 
    }, { 
     name: 'ng2-charts', 
     path: 'node_modules/ng2-charts/bundles/ng2-charts.umd.min.js' 
    }, { 
     name:'ngx-bootstrap', 
     path:'node_modules/ngx-bootstrap/bundles/ngx-bootstrap.umd.min.js' 
    }, { 
     name:'ngx-bootstrap/*', 
     path:'node_modules/ngx-bootstrap/bundles/ngx-bootstrap.umd.min.js' 
    }, { 
     name:'ng2-select-compat', 
     path:'node_modules/ng2-select-compat/bundles/ng2-select-compat.umd.min.js' 
    }, { 
     name:'ngx-avatar', 
     path:'node_modules/ngx-avatar/ngx-avatar.umd.js' 
    }]; 
... 

लेकिन जब मैं ngx-restangular जोड़ने के लिए कोशिश कर रहा हूँ:

(index):60 SyntaxError: Unexpected token < at eval (<anonymous>)

:

... 
# tools/config/project.config.ts 

const additionalPackages: ExtendPackages[] = [ 
    { 
     name: 'ngx-restangular', 
     path: 'node_modules/ngx-restangular/dist/esm/src/', 
     packageMeta: { 
      defaultExtension: 'js', 
      main: './index.js', 
     } 
    }]; 
... 

आवेदन एक त्रुटि फेंकता

ब्राउज़र नेटवर्क टैब में मैं देख सकता हूं कि ngx-restangular फ़ाइलें लोड कर रहे हैं:

  • index.js
  • NGX-restangular.module.js
  • NGX-restangular.js
  • NGX-restangular-http.js
  • NGX-restangular.config .js
  • NGX-restangular-config.factory.js
  • NGX-restangular-helper.js

Link गीथब भंडार में। अपने स्थानीय env में इसे चलाने के लिए, बस/कांटा और npm install && npm start

Link विन्यास फाइल project.config.ts

+0

क्या आप अपनी अनुक्रमणिका.जेएस की सामग्री पोस्ट कर सकते हैं? –

+1

@AlfMoh 'node_modules/NGX-restangular/जिले/ईएसएम/src // index.js' https://gist.github.com/tulik/a916e0774d343a0c5592b09bf7c613b4 –

+0

ही .umd.js में NGX-restangular के रूप में बंडल है आराम? – ShaneG

उत्तर

1

क्लोन कृपया इस पर देख रहे हैं से:

Error: SyntaxError: Unexpected token <

यह अपने एक पार्स करने का प्रयास लगता है एचटीएमएल 404 प्रतिक्रिया। यह संभव है कि वह उस फ़ाइल तक पहुंचने का प्रयास कर रहा है जिसे वह ढूंढ नहीं सकता है। मुझे लगता है कि आप .umd.js का उपयोग कर रहे हैं। क्या यह आपकी कॉन्फ़िगरेशन फ़ाइल में सही ढंग से कॉन्फ़िगर किया गया है? इस तरह कुछ:

additionalPackages.forEach(function (pkgName) { 
packages['@angular/' + pkgName] = { main: 'bundle/'+ pkgName + '.umd.js', defaultExtension: 'js' }; 
} 

लिंक यहां मैंने कुछ मदद की है। उम्मीद है की यह मदद करेगा!

+0

दुर्भाग्यवश ngx-restangular के लिए कोई 'umd.min.js' फ़ाइल नहीं है। पथ 'node_modules/ngx-restangular/dist/esm/src/'के साथ समाधान' ngx-restangular' फ़ाइलों को लोड कर रहा है। संकलित जेएस फ़ाइल में https://gist.github.com/tulik/9d1e4ea5201e48abfbd8d1c5e861f193 इसे 'var rxjs_1 = आवश्यकता ("rxjs") नहीं मिल सकता है;' जो 'कोणीय-बीज' में परिभाषित किया गया है: https://github.com/mgechev/angular-seed/blob/master/tools/config/seed.config.ts#L609 –

संबंधित मुद्दे