ng2-translate (404 नहीं मिला) मैंने इसे system.js में जोड़ा है

Question

मैंने अपने proj में ng2-translate स्थापित किया है और कंसोल त्रुटि बंडल और xhr त्रुटि के 404 को दिखाती रहती है। मैंने ng2-translate को my system.config.js में जोड़ा है जो मानक कोणीय 2 क्विकस्टार्ट के साथ आता है लेकिन अभी भी 404 और xhr त्रुटि दिखा रहा है।/

GitHub:

यह या तो मुझे 404 त्रुटि या अपरिभाषित त्रुटि की व्याख्या दे रहा है इस मुद्दे के बारे में धागा systemconfig.js का उपयोग कर

https://github.com/ocombe/ng2-translate/issues/167

var map = { 
    'app':      'app', // 'dist', 
    '@angular':     'node_modules/@angular', 
    'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', 
    'ng2-translate':    'node_modules/ng2-translate', 
    'rxjs':      'node_modules/rxjs' 
    }; 

संपादित करें:

var packages = { 
    'ng2-translate':    { main: 'ng2-translate.js', defaultExtension: 'js' }, 
    }; 

Answer 1

एनपीएम मॉड्यूल स्थापित करें:

npm install ng2-translate --save 

अद्यतन इस तरह से अपनी config:

System.config({ 
    packages: { 
     "ng2-translate": {main: 'ng2-translate.js', "defaultExtension": "js"} 
    }, 
    map: { 
     'ng2-translate': 'node_modules/ng2-translate' 
    } 
}); 

उपयोग .ts में इस तरह NG2-अनुवाद

import {TranslateService, TranslatePipe} from 'ng2-translate'; 

अगर यह मदद करता है देखें फ़ाइल।

'ng2-translate':    'node_modules/ng2-translate', 

आप index.js

बात कर रहे हैं लेकिन आप उदाहरण आप कर सकते हैं के लिए कुछ बाकी .js फ़ाइल जैसे

'ng2-translate':    'node_modules/ng2-translate/somefile.js', 

बात करने के लिए आवश्यकता हो सकती है:

Answer 2

शायद ऐसा करके

:

System.config({ 
    //... some other stuff 
     map: { 
     'ng2-translate': 'node_modules/ng2-translate/ng2-translate.js', 
    }, 
    packages: {   
     //... some other stuff, do not put your ng2-translate here 
    } 
}); 

Answer 3

आप, (अपने डिफ़ॉल्ट सेटिंग) या जो कुछ भी फ़ाइल आप निर्माता से फोन en.json साथ अपने ऐप्लिकेशन में i18n फ़ोल्डर की आवश्यकता है लगता है:

constructor(translate: TranslateService) { 
    // this language will be used as a fallback when a translation isn't found in the current language 
    translate.setDefaultLang('en'); 

    // the lang to use, if the lang isn't available, it will use the current loader to get them 
    translate.use('en'); 
} 

Answer 4

NG2-अनुवाद के रूप में विन्यस्त CommonJS मॉड्यूल प्रारूप का उपयोग करता इसके tsconfig.json में:

compilerOptions": { 
    ... 
    "module": "commonjs", 
    "target": "es5", 
    ... 
} 

मैं सफलतापूर्वक स्पष्ट रूप से मेरी SystemJS config के संकुल अनुभाग में इस प्रारूप को निर्दिष्ट करके NG2-अनुवाद गयी।

System.config({ 
    map: { 
     'ng2-translate': 'node_modules/ng2-translate' 
     // ... more mappings 
    }, 
    packages: {   
     'ng2-bootstrap': { 
      defaultExtension: 'js', 
      format: 'cjs' 
     } 
     // ... more package definitions 
    } 
}); 

अधिक जानकारी के लिए SystemJS दस्तावेज में supported module formats की सूची को देखें।

Answer 5

मैं एक ही मुद्दे पर सामना करना पड़ा आज

समाधान यह है:

नक्शे में system.config.js में 'ng2-translate': 'node_modules/ng2-translate/bundles' रख दिया और संकुल में 'ng2-translate' : { defaultExtension: 'js' }

Answer 6

मैं इस तरह यह मैप करने के लिए किया था , इसे बनाने के लिए systemjs कॉन्फ़िगरेशन में:

'ng2-translate': 'npm:ng2-translate/bundles/ng2-translate.umd.js' 

Answer 7

यदि मुझे पसंद है, तो आपने ng2-translate (404 नहीं मिला) समस्या को ठीक करने का प्रयास करने में कई घंटे व्यतीत किए हैं। यहां एक systemjs.config.js है जो मेरे लिए काम करता है। सैम वर्च्यूरेन @github

(function(global) { 
    // map tells the System loader where to look for things 
    var map = { 
     'app':      'app', // 'dist', 
     '@angular':     'node_modules/@angular', 
     'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', 
     'rxjs':      'node_modules/rxjs' 
    }; 

    var paths = { 
     'underscore':     'node_modules/underscore/underscore.js', 
     'ng2-translate':    'node_modules/ng2-translate/bundles/ng2-translate.umd.js' 
    }; 
    // packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
     'app':      { main: 'main.js', defaultExtension: 'js' }, 
     'rxjs':      { defaultExtension: 'js' }, 
     'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' }, 
     'ng2-translate':    { defaultExtension: 'js' } 
    }; 
    var ngPackageNames = [ 
     'common', 
     'compiler', 
     'core', 
     'forms', 
     'http', 
     'platform-browser', 
     'platform-browser-dynamic', 
     'router', 
     'router-deprecated', 
     'upgrade', 
    ]; 
    // Individual files (~300 requests): 
    function packIndex(pkgName) { 
     packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
    } 
    // Bundled (~40 requests): 
    function packUmd(pkgName) { 
     packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' }; 
    } 
    // Most environments should use UMD; some (Karma) need the individual index files 
    var setPackageConfig = System.packageWithIndex ? packIndex : packUmd; 
    // Add package entries for angular packages 
    ngPackageNames.forEach(setPackageConfig); 
    var config = { 
     map: map, 
     packages: packages, 
     paths: paths 
    }; 
    System.config(config); 
})(this);