title: SyntaxError: Unexpected token import when trying to import protractor in e2e test for angular
body: <p>I've written an angular 4 app and now I'm trying to run some e2e based tests using <code>Protractor</code>.</p>
  
  <p>Am I missing something here?</p>
  
  <p>Error when trying to run test script:</p>
  
  <pre><code>[rob@work repo]$ npm run e2e
  
  &gt; repo@1.0.0 e2e /home/rob/git/repo
  &gt; protractor protractor.config.js
  
  [20:12:24] I/launcher - Running 1 instances of WebDriver
  [20:12:24] I/hosted - Using the selenium server at http://localhost:4444/wd/hub
  [20:12:25] E/launcher - Error: /home/rob/git/repo/test/e2e/app.ui.test.ts:3
  import { browser } from 'protractor';
  ^^^^^^
  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 /home/rob/git/repo/node_modules/jasmine/lib/jasmine.js:93:5
      at Array.forEach (native)
  [20:12:25] E/launcher - Process exited with error code 100
  </code></pre>
  
  <p>protractor.config.js</p>
  
  <pre><code>exports.config = {
    framework: 'jasmine',
    seleniumAddress: 'http://localhost:4444/wd/hub',
    multiCapabilities: [{
      'browserName': 'chrome'
    }],
    specs: ['test/e2e/**/*.ts'],
    mochaOpts: {
      reporter: 'spec',
      slow: 5000,
      timeout: 5000
    }
  };
  </code></pre>
  
  <p>e2e test file (<code>app.ui.test.ts</code>):</p>
  
  <pre><code>'use strict';
  import { browser } from 'protractor';
  const HOST_URL = 'http://localhost:1344';
  
  describe('hello world', function() {
  
    describe('hello world app', function() {
      const FULL_URL = HOST_URL + '/';
      it('should greet', function() {
        browser.get(FULL_URL);
      });
    });
  });
  </code></pre>
  
  <p>Directory structure:</p>
  
  <pre><code>├── protractor.config.js
  ├── test
  │   └── e2e
  │       └── app.ui.test.ts
  </code></pre>