वीएस कोड/jspm_packages का उपयोग नहीं कर सकता; systemjs angular2 ts फ़ाइलों को नहीं देख सकता

Question

मैं मूल कोणीय 2 वर्कफ़्लो बनाने के लिए जेएसपीएम का उपयोग कर रहा हूं। यह काम करता है (https://github.com/simonh1000/Angular2-beta-jspm देखें), लेकिन मुझे इंटेलिजेंस नहीं मिल रहा है क्योंकि वीएस कोड में कोणीय जेएसपीएम मॉड्यूल नहीं दिखते हैं, जैसा कि छवि में देखा जा सकता है। मुझे क्या करना चाहिए?

और यहाँ मेरी tsconfig.json है एरिक से सुझाव भी शामिल है:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "removeComments": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "sourceMap": true, 
    "moduleResolution": "node" 
    } 
} 

मैं इंपोर्ट स्टेटमेंट की इस तरह का उपयोग करके वी.एस. संहिता में कुछ प्रगति कर सकते हैं

import { Component, View } from '../jspm_packages/npm/angular2@2.0.0-beta.0/ts/core'; 

लेकिन तो जब मैं इसे प्रभाव में चलाता हूं तो मुझे एक त्रुटि मिलती है:

GET http://127.0.0.1:8080/jspm_packages/npm/angular2@2.0.0-beta.0/ts/core.js 

यहाँ config.js

System.config({ 
    baseURL: "/", 
    defaultJSExtensions: true, 
    transpiler: "typescript", 
    typescriptOptions: { 
    "module": "commonjs", 
    "emitDecoratorMetadata": true 
    }, 
    paths: { 
    "github:*": "jspm_packages/github/*", 
    "npm:*": "jspm_packages/npm/*" 
    }, 

    packages: { 
    "app": { 
     "main": "main", 
     "defaultExtension": "ts" 
    } 
    }, 

Answer 1

इस पल में होने की उम्मीद है क्योंकि टाइपप्रति संकलक यह नहीं पता कि JSPM संकुल "पा" से एक उद्धरण है।

वीएससीओडी टाइपस्क्रिप्ट कंपाइलर पर निर्भर करता है, और संकलक केवल एनपीएम पैकेज के माध्यम से मॉड्यूल की तलाश करना जानता है (उदाहरण के लिए node_modules/ के अंदर देखें - यही "moduleResolution": "node" करता है)।

चूंकि आपने एनपीएम के माध्यम से कोणीय 2 स्थापित नहीं किया है, यह node_modules/ फ़ोल्डर में नहीं है और संकलक इसे नहीं ढूंढता है। यदि आप tsc कमांड लाइन कंपाइलर चला रहे थे तो आपको वही त्रुटि मिलनी चाहिए।

समाधान beingdiscussed कर रहे हैं और ऐसा लगता है टाइपप्रति @ अगले paths की एक सूची मॉड्यूल देखने के लिए manually specify करने के लिए कुछ बुनियादी समर्थन (मैं अभी तक यह परीक्षण नहीं किया है)। यह आदर्श प्रतीत नहीं होता है, हालांकि जब भी आपकी जेएसपीएम निर्भरता बदलती है तो आपको मैन्युअल रूप से इस सूची को बनाए रखना होगा।

एक वैकल्पिक JSPM (जैसे npm install angular2 --save या --save-dev) के अलावा NPM के माध्यम से कोणीय 2 स्थापित करने के लिए है, लेकिन है कि निर्भरता डुप्लिकेट और जब वे बदल भी मैनुअल रखरखाव की आवश्यकता है। `CompilerOptions` के तहत अपने tsconfig.json में node`:

इस तरह