离子2 - '进口'和'出口'可能只出现在' sourceType:module'

时间:2016-04-05 22:27:40

标签: cordova typescript ionic-framework angular jwt

使用新安装的ionic2处理新项目,安装angular2-jwt后我收到此错误:

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 {}

有没有人知道如何解决这个小谜题?

3 个答案:

答案 0 :(得分:1)

尝试将此行添加到ts配置:

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

如果这不起作用,请尝试在我的计算机上运行此配置(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"
    ]
}

答案 1 :(得分:0)

  

'进口'和'出口'可能仅与' sourceType:module'

一起出现

您需要在tsconfig或命令行中指定module。 e.g。

'module': 'commonjs'

更多

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

答案 2 :(得分:0)

我今天在Ionic 2 beta 11上遇到了同样的问题,对我而言,它是(.js)扩展文件(user-data.js)而不是(.ts)文件(user-data.ts)的coz,所以将.js文件扩展名更改为.ts解决了我的问题。