Jasmine、Angular 2 Project with Angular 2 Projectでの予期せぬトークン 'Import'の問題

Question

Angular2 Projectをangi-cliを使用せずに作成しました。しかし、私がprotractor.conf.jsを実行しているとき分度器を使って作業している間に、投射エラー「分度器」からの予期しないトークンのインポート（ブラウザ、要素、by）。

私はテストケースにタイプスクリプトを使用しています。分度器

[11:45:08] E/launcher - Error: c:\Angular2\ui\src\protractor\app.ts:1 (function (exports, require, module, __filename, __dirname) { import { OperatorMainPage } from './app.po'; 
                   ^^^^^^ SyntaxError: Unexpected token import 
    at Object.exports.runInThisContext (vm.js:76:16) 
    at Module._compile (module.js:542:28) 
    at Object.Module._extensions..js (module.js:579:10) 
    at Module.load (module.js:487:32) 
    at tryModuleLoad (module.js:446:12) 
    at Function.Module._load (module.js:438:3) 
    at Module.require (module.js:497:17) 
    at require (internal/module.js:20:19) 
    at C:\Node\npm\node_modules\protractor\node_modules\jasmine\lib\jasmine.js:71:5 
    at Array.forEach (native) [11:45:08] E/launcher - Process exited with error code 100 

を実行している間、

次のエラーapp.ts

import { MainPage } from './app.po'; 
describe('demo-project App', function() { 
    let page: MainPage ; 

    beforeEach(() => { 
    page = new MainPage(); 
    }); 

    it('Application should have a title',() => { 
    page.navigateTo(); 
    expect(page.getTitle()).toEqual('Operator - Flight Operation Management'); 
    }); 

    it('Dasbord should have a heading', function() { 
    expect(page.getTitle()).toEqual('DASHBOARD'); 
    }); 
}); 

し、次のコードに続いてapp.po.ts

import { browser, element, by, protractor } from 'protractor'; 
export class MainPage { 
    navigateTo() { 
    return browser.get('/'); 
    } 

    getTitle() { 
    return browser.getTitle(); 
    } 

    getDasboardTitle() { 
    return element(by.css('.al-title')).getText(); 
    } 
} 

のコードされています

Answer 1

MainPageをインポートしていますが、OperatorMainPageを呼び出しています。 OperatorMainPageタイプが存在しません。

import { MainPage } from './app.po'; 

describe('demo-project App', function() { 
    let page: MainPage; 

    beforeEach(() => { 
    page = new MainPage(); 
    }); 

    it('Application should have a title',() => { 
    page.navigateTo(); 
    expect(page.getTitle()).toEqual('Operator - Flight Operation Management'); 
    }); 

    it('Dashbaord should have a heading', function() { 
    expect(page.getTitle()).toEqual('DASHBOARD'); 
    }); 
});