दिलचस्प पोस्ट
मैं उद्देश्य सी का उपयोग करके आईओएस पर स्थानीय रूप से एक फाइल कैसे डाउनलोड और सहेज सकता हूं? सी: एक सिस्टम कमांड चलाने और आउटपुट प्राप्त करें? Solr का उपयोग कर अलग फ़ील्ड मानों का चयन कैसे करें? HTML सबमिट-बटन: अलग मान / बटन-पाठ? जावास्क्रिप्ट चर संदर्भ / उपनाम मैं कोको में एक स्ट्रिंग के एमडी 5 हैश कैसे बनाऊँ? सर्वर को पुनरारंभ किए बिना MySQL क्वेरी कैश साफ़ करें MySQL विदेशी कुंजी प्रतिबंध नहीं जोड़ सकते AddEventListener श्रोता फ़ंक्शन को जोड़ने के लिए तर्क कैसे पास करें? एंड्रॉइड: फोन का पूरा नियंत्रण लेना (कियोस्क मोड), क्या यह संभव है? कैसे? कैसे Django 1.7 में माइग्रेशन को आसान बनाने के लिए? प्रॉपर्टी 'स्रोत' को 'org.eclipse.jst.jee.server' पर सेट करना: जेएसएफ़टीट 'को एक मेलिंग प्रॉपर्टी नहीं मिली जावा स्विंग टेक्स्टएरिया में हाइलाइटिंग रंग कैसे बदल सकता है? और यह भी, हाइलाइटिंग स्थान से संबंधित टेक्स्ट की शुरुआत में बदलाव करें IOS UIImagePickerController परिणाम अपलोड करने के बाद छवि अभिविन्यास पॉपवर को कब तक रखा जा रहा है, मैं कैसे बूटस्ट्रैप पॉपवर को जीवित रख सकता हूं?

सिस्टमजेएस और गैपल के साथ रिलीज़ संस्करण को कैसे तैयार किया जाए?

मैं अपने Angular2 परियोजना में SystemJS का उपयोग कर रहा हूँ मैं TypeScript के लिए tsconfig फ़ाइल का उपयोग करता हूँ मैं गुलप का इस्तेमाल करना चाहता हूं और उत्पादन कोड के लिए अपने कोड को छोटा करना चाहता हूं। मुझे कोड को सुलझाने के साथ एक समस्या है: हर बार जब मैं फाइलों को सम्मिलित करने की कोशिश करता हूं तो मुझे 'कोणीय' परिभाषित नहीं होता है या 'सिस्टम' परिभाषित नहीं होता मैंने उस ऑर्डर को संशोधित करने की कोशिश की, जो मैं अपनी फ़ाइलों को नोड मॉड्यूल से लोड करने का प्रयास करता हूं, हालांकि मैं सफल नहीं हुआ।

मैं सोच रहा था कि आप में से कोई भी इस मुद्दे पर था, और इसका उत्तर मिला?

यहां मेरी गुलप फाइल है:

var gulp = require('gulp'), ..... var paths = { dist: 'dist', vendor: { js: [ 'node_modules/systemjs/dist/system.src.js', 'node_modules/angular2/bundles/angular2.dev.js', 'node_modules/angular2/bundles/angular2-polyfills.js', 'node_modules/angular2/bundles/router.dev.js' ... ], css: [] }, app: { templates: [ 'app/**/*.html', '!node_modules/*.html' ], scripts: [ 'app/**/*.ts', 'app/config.ts', 'app/app.ts' ] } }; var tsProject = ts.createProject('tsconfig.json', { out: 'Whatever.js' }); gulp.task('dev:build:templates', function () { return gulp.src(paths.app.templates) .pipe(ngHtml2Js({ moduleName: 'Whatever', declareModule: false })) .pipe(concat("Whatever.tpls.min.js")) .pipe(gulp.dest(paths.dist)); }); gulp.task('prod:build:templates', function () { return gulp.src(paths.app.templates) .pipe(minifyHtml({ empty: true, spare: true, quotes: true })) .pipe(ngHtml2Js({ moduleName: 'whatever', declareModule: false })) .pipe(concat(paths.appName + ".tpls.min.js")) .pipe(uglify()) .pipe(gulp.dest(paths.dist)); }); gulp.task('dev:build:scripts', function () { var tsResult = tsProject.src() .pipe(sourcemaps.init()) .pipe(ts(tsProject)); return tsResult.js .pipe(sourcemaps.write({ sourceRoot: '/app' })) .pipe(concat('whatever.js')) .pipe(gulp.dest(paths.dist)); }); gulp.task('dev:build:styles', function () { return gulp.src(paths.app.styles) .pipe(sass()) .pipe(gulp.dest(paths.dist + '/css')); }); gulp.task('dev:build:vendor', function () { return gulp.src(paths.vendor.js) .pipe(concat('vendor.min.js')) .pipe(gulp.dest(paths.dist)) }); gulp.task('dev:build', [ 'dev:build:vendor', 'dev:build:templates', 'dev:build:scripts', 'dev:build:styles', ], function () { }); 

मैं अपनी फाइलें कैसे लोड करता हूं:

  <script src="vendor.min.js"></script> <script src="Whatever.js"></script> <script src="Whatever.tpls.min.js"></script> 

और यहां ये एरिक हैं जो मुझे मिल रहा है:

 Uncaught TypeError: Unexpected anonymous System.register call.(anonymous function) @ vendor.min.js:2680load.metadata.format @ vendor.min.js:3220oldModule @ vendor.min.js:3749(anonymous function) @ vendor.min.js:2411SystemJSLoader.register @ vendor.min.js:2636(anonymous function) @ Whatever.js:2 Whatever.tpls.min.js:1 Uncaught ReferenceError: angular is not defined 

Solutions Collecting From Web of "सिस्टमजेएस और गैपल के साथ रिलीज़ संस्करण को कैसे तैयार किया जाए?"

आप "अनपेक्षित गुमनाम सिस्टम। पंजीकरण कॉल" प्राप्त करेंगे क्योंकि संदर्भ सही क्रम में लोड नहीं किए जा रहे हैं। मैं जेएसपीएम का उपयोग उत्पादन के लिए अपने कोणीय ऐप्लिकेशंस को ठीक से करने के लिए करता हूं। इस प्रक्रिया में 4 भागों हैं।

भाग 1: अपनी टाइपस्क्रिप्ट फाइलें संकलित करें

 var ts = require("gulp-typescript"); var tsProject = ts.createProject("./App/tsconfig.json"); gulp.task("compile:ts", function () { var tsResult = tsProject.src() .pipe(ts(tsProject)); tsResult.js.pipe(gulp.dest("./wwwroot/app")); }); 

आप SystemJS बिल्डर का उपयोग कर सकते हैं

इस रूप में आसान के रूप में

 var path = require("path"); var Builder = require('systemjs-builder'); // optional constructor options // sets the baseURL and loads the configuration file var builder = new Builder('path/to/baseURL', 'path/to/system/config-file.js'); builder .bundle('local/module.js', 'outfile.js') .then(function() { console.log('Build complete'); }) .catch(function(err) { console.log('Build error'); console.log(err); }); 

आप मेरी स्टार्टर परियोजना में पूर्ण सेटअप को देख सकते हैं

मुझे लगता है कि हमें इसके मूल कारण मिले हैं। ईमानदारी से, मैं इससे पहले भी वहां गया हूं, जिस तरह से मैं इस प्रकार के मुद्दे का पता लगाता हूं

  1. जांचें कि कोणीय और systemjs पहले से लोड किए गए हैं।
  2. जांचें कि क्या वे वाकई भरी हुई हैं कोई 404 आश्चर्य (यह मूर्ख लग रहा है लेकिन बकवास होता है)
  3. यदि आप पुस्तकालयों को vender.js के रूप में बंडल करते हैं तो यह सुनिश्चित होता है कि वे सही क्रम में बंडल हैं। आउटपुट फ़ाइल की जांच करें और देखें कि क्या वे आपकी अपेक्षा के अनुरूप हैं।