SyntaxError: Unexpected token - 导入外部类时 - Protractor答案

【问题标题】：SyntaxError: Unexpected token - when importing external class - ProtractorSyntaxError: Unexpected token - 导入外部类时 - Protractor
【发布时间】：2019-03-26 21:52:59
【问题描述】：

我正在将一个外部类导入我的量角器测试。但是在运行测试时。导入时出现语法错误。我相信我可以正确地导入和导出课程。而且我只在运行时得到错误。我正在使用 gulp 编译打字稿。

当我在同一个项目中拥有该类时，测试正在运行，但现在我从外部项目中使用它，并导入到测试中。

SyntaxError: Unexpected token {
import { Helper } from './src/helper';
   ^

主项目

test.ts
import { Helper, People, Groups } from 'sub-project';

describe('Test Description', () => {


 let helper: Helper;
 let people: People;
 let groups: Groups;


before(async () => {
    helper = new Helper();
    people = new People();
    groups = new Groups();

});

子项目

export class Helper {

    private httpClient = new HttpClient();

    public async myFunction): {

    }
}

app.ts

import { Helper } from './src/helper';
import { People } from './src/people';
import { Groups } from './src/groups';

export { Helper, People, Groups };

tsconfig.json

{
    "compilerOptions": {
        "outDir": "lib",
        "rootDir": ".",
        "target": "es5",
        "module": "commonjs",
        "types": [
            "chai",
            "chai-as-promised",
            "mocha"
        ]
    }
}

【问题讨论】：

标签： typescript protractor

【解决方案1】：

我假设您正在引用其他一些文件进行导入。

要在 TS 中导出类，请执行以下操作。

//    index2.ts

export class user {

    display(name) {

        return `Welcome ${name}`;

    }

}

从特定文件导入类。

 //core2.ts

import { user } from './index2'

const a = new user();

console.log(a.display(`Bharath`));

参考https://www.typescriptlang.org/docs/handbook/modules.html

您的 IDE 将弹出可以从您指定的文件中导入的内容。点击 ctrl - space 查看建议。

【讨论】：

我试过用类名的路径导入，也可以从包名导入{ Helper } from 'sub-project/src/helper和{ Helper } from 'sub-project'
在导入 Helper 之前，只需指定文件位置，在花括号内按 ctrl 空格即可。您的 IDE 是否弹出 Hepler？
是的，正确的类名填充在箭头中。但我仍然得到运行时错误。
你的TS编译成JS了吗？
我在运行测试之前运行 tsc