आयोनिक 2 - 'आयात' और 'निर्यात' के साथ ही दिखाई दे सकते हैं:, बहुत ताजा ionic2 की स्थापित 'sourceType मॉड्यूल'

Question

एक साथ एक नई परियोजना पर काम करने के बाद स्थापित angular2-जेडब्ल्यूटी मैं इस त्रुटि हो रही है:

ParseError: 'import' and 'export' may appear only with 'sourceType: module' 

D:\desenv\arquivos\workspace_inbit\medipop-parent\medipop-app\node_modules\angular2-jwt\angular2-jwt.ts:1 
import {Injectable, Injector} from 'angular2/core'; 

पुन: पेश करने के लिए:

ionic start testapp --v2 --ts 
cd testapp 
npm i --save angular2-jwt 

और एप्लिकेशन पेज:

@App({ 
    templateUrl: 'build/app.html', 
    providers: [ 
     provide(AuthHttp, { 
      useFactory: (http) => { 
       return new AuthHttp(new AuthConfig({ 
        headerPrefix: '', 
        noJwtError: true 
       }), http); 
      }, 
      deps: [Http] 
     }) 
    ] 
}) 
class MyApp {} 

किसी को कैसे इस छोटे पु को हल करने का एक संकेत है zzle?

Answer 1

'import' and 'export' may appear only with 'sourceType: module'

आप अपने tsconfig में एक module या कमांड लाइन निर्दिष्ट करने के लिए की जरूरत है। जैसे

'module': 'commonjs' 

अधिक

https://basarat.gitbooks.io/typescript/content/docs/project/modules.html

Answer 2

कोशिश अपने ts config करने के लिए इस लाइन को जोड़ने के लिए:

"parserOptions": { 
    "ecmaVersion": 6, 
    "sourceType": "module" 
}, 

इस, काम नहीं करता है इस config जो काम कर रहा है के साथ की कोशिश मेरी कंप्यूटर (tsconfig.json):

{ 
    "compilerOptions": { 
     "noImplicitAny": true, 
     "module": "commonjs", 
     "target": "ES5", 
     "emitDecoratorMetadata": true, 
     "experimentalDecorators": true, 
     "sourceMap": true, 
     "declaration": true, 
     "moduleResolution":"node" 
    }, 
    "files": [ 
     "angular2-jwt.ts", 
     "typings/browser.d.ts", 
     "custom.d.ts" 
    ] 
} 

Answer 3

आज मेरे पास आईओनिक 2 बीटा 11 पर एक ही समस्या थी और मेरे लिए यह (.ts) फ़ाइल (उपयोगकर्ता-डेटा.टीएस) की बजाय एक (.js) एक्सटेंशन फ़ाइल (user-data.js) का coz था। , इसलिए .ss फ़ाइल एक्सटेंशन को .ts को बदलकर मेरी समस्या हल हो गई।