Uncaught ReferenceError: निर्यात में परिभाषित किया गया और

Question

मैं कुछ एप्लिकेशन बनाने के लिए AngularJS और टाइपप्रति उपयोग कर रहा हूँ की आवश्यकता नहीं है, मैं इस त्रुटि के साथ एक दिक्कत यह है कि मैं

यहाँ समाधान नहीं कर सकते हो रही है मेरी * .ts कोड है

export var NgApp = new application.Startup(); 

///<reference path="../../../../../typings/tsd.d.ts"/> 
import {NgApp} from "../../bootstrap"; 



module views.components.home { 
    export class HomeComponent { 
     public constructor() { 
     } 

     public static factory():Function[] { 
      return [ 
       () => new HomeComponent() 
      ] 
     } 

    } 

} 

NgApp.registerComponents(views.components.home,() => this.app.controller); 

यहाँ मेरी Gulp कार्य

let tsResult = gulp.src('src/**/*.ts').pipe(ts({ 
    module: 'commonjs', 
    sourceMap: true 
})); 

let taskTs = tsResult.js.pipe(gulp.dest('built/')); 

है यह मेरा त्रुटि है: Uncaught ReferenceError: निर्यात

परिभाषित नहीं है

सवाल यह है कि: मैं टाइपस्क्रिप्ट में es6 जैसे आयात का उपयोग कैसे कर सकता हूं? मुझे क्या याद आ रहा है

Answer 1

मैं कोणीय 1.6 और webpack उपयोग करते हैं, यह मेरी तरफ से काम करता है जब मैं करने के लिए "UMD"

UMD: Universal Module Definition This has brought about the push for a “universal” pattern that supports both styles (AMD and CommonJS)

reference: http://davidbcalhoun.com/2014/what-is-amd-commonjs-and-umd/

यहाँ चिपकाया मेरी tsconfig.json के बाद मैं इसे बदल मॉड्यूल बदल गया है, मैं $ tsc

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "umd", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": [ "es2015", "dom" ], 
    "noImplicitAny": true, 
    "removeComments": true, 
    "preserveConstEnums": true, 
    "allowUnreachableCode": true 
    }, 
    "exclude": [ 
    "node_modules" 
    ] 
} 

फिर मेरे "निर्यात से परिभाषित नहीं है" त्रुटि चला गया है चलाते हैं।

Answer 2

How can I use import like es6 in typescript? What I am missing?

आपको मॉड्यूल लोडर का उपयोग करने की आवश्यकता है। https://github.com/AngularClass/angular2-webpack-starter

Answer 3

click here "हल अंततः" मैं भी एक ही त्रुटि मैं मॉड्यूल बदल रही थी: यहां एक नमूना webpack का उपयोग करता है कि "commonjs" से "मॉड्यूल": "ES6", क्योंकि लक्षित कर ES5 आयात/निर्यात बयान निकालने के लिए, इसलिए ये उपकरण अप्रयुक्त निर्यात को हटा नहीं सकते हैं।

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "es6", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": [ "es2015", "dom" ], 
    "noImplicitAny": true, 
    "suppressImplicitAnyIndexErrors": true 
    } 

}