दिलचस्प पोस्ट
जीडीआई + में एक सामान्य त्रुटि हुई, मेमोरीस्ट्रीम को JPEG छवि TypeError: अविनाशी प्रकार: 'dict' बूटस्ट्रैप – <td> के लिए निश्चित चौड़ाई कैसे तय की जाए? आप कैसे एक swf फ़ाइल decompile पूर्ण स्क्रीन में कैमरा डिस्प्ले / पूर्वावलोकन पहलू अनुपात को बनाए नहीं रखता है – स्क्रीन स्क्रीन पर फिट होने के लिए छवि स्कूव, फैली हुई है 'सुरक्षित' और 'संरक्षित आंतरिक' के बीच अंतर क्या है? आर में नेस्टेड इफेल का बयान क्यों `नल> = 0 && नल <= 0` लेकिन नहीं` नल == 0`? ए का चयन करें "एफ" का चयन करें: एपी के भीतर शून्य / खाली मान के साथ चयन करें आईटम: चयन करेंऑनमेनू एक और बयान के रूप में && शॉर्ट-सर्किटिंग का उपयोग करना? आईओएस में परिपत्र प्रगति बार कन्वर्ट सिस्टम। ड्रॉइंग। कॉलर आरजीबी और हेक्स वैल्यू के लिए मैं सी # सरणी से डुप्लिकेट कैसे निकालूं? आईओएस 10 त्रुटि <प्राइवेट> UIImagePickerController का उपयोग करते समय MySQL InnoDB तालिका से डेटा पंक्तियों को हटाने के बाद डिस्क स्थान जारी नहीं करता है

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

मैं अपने 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 

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

आप "अनपेक्षित गुमनाम सिस्टम। पंजीकरण कॉल" प्राप्त करेंगे क्योंकि संदर्भ सही क्रम में लोड नहीं किए जा रहे हैं। मैं जेएसपीएम का उपयोग उत्पादन के लिए अपने कोणीय ऐप्लिकेशंस को ठीक से करने के लिए करता हूं। इस प्रक्रिया में 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 के रूप में बंडल करते हैं तो यह सुनिश्चित होता है कि वे सही क्रम में बंडल हैं। आउटपुट फ़ाइल की जांच करें और देखें कि क्या वे आपकी अपेक्षा के अनुरूप हैं।