Góc CLI: "Nhập mã thông báo không mong muốn" trong khi thực hiện kiểm tra bằng cách sử dụng nghiệp

Question

Tôi đang sử dụng Angular 2 với TypeScript. Tôi tạo ra dự án này bằng cách sử dụng công cụ Angular CLI, và cố gắng chạy testcases bên trong - "app.component.spec.ts" bằng cách sử dụng lệnh - "karma start". Testcase này được tạo ra bởi Angular CLI, và không có sự thay đổi trong nó. Khi tôi chạy testcase, nó cho tôi lỗi sau -

C:\Projects\Angular2\TestProject>karma start 
21 08 2016 16:18:34.167:WARN [karma]: No captured browser, open http://localhost:9876/ 
21 08 2016 16:18:34.178:INFO [karma]: Karma v0.13.22 server started at http://localhost:9876/ 
21 08 2016 16:18:34.205:INFO [launcher]: Starting browser Chrome 
21 08 2016 16:18:36.677:INFO [Chrome 52.0.2743 (Windows 7 0.0.0)]: Connected on socket /#u3qiejjLaOGa5HdGAAAA with id 54026183 
Chrome 52.0.2743 (Windows 7 0.0.0) ERROR 
    Uncaught SyntaxError: Unexpected token import 
    at C:/Projects/Angular2/TestProject/src/app/app.component.spec.ts:5 

Ai đó có thể giúp giải quyết vấn đề này.

app.component.spec.ts -

/* tslint:disable:no-unused-variable */ 
/// <reference path="../../typings/globals/jasmine/index.d.ts" /> 

import { addProviders, async, inject } from '@angular/core/testing'; 
import { AppComponent } from './app.component'; 

describe('App: TestProject',() => { 
    beforeEach(() => { 
    addProviders([AppComponent]); 
    }); 

    it('should create the app', 
    inject([AppComponent], (app: AppComponent) => { 
     expect(app).toBeTruthy(); 
    })); 

    it('should have as title \'app works!\'', 
    inject([AppComponent], (app: AppComponent) => { 
     expect(app.title).toEqual('Test Project Title'); 
    })); 
}); 

Answer 1

Để chạy thử nghiệm bản sao vào Karma bạn cần một tiền xử lý như thế này karma-typescript-preprocessor

hoặc bạn chỉ có thể chạy thử nghiệm của bạn với các file test 'js' transpiled

Answer 2

Tôi đã gặp lỗi tương tự. Vấn đề của tôi là tất cả các tệp .ts trong thư mục spec của tôi không được phát hiện bởi angular-cli một cách chính xác. Tôi gặp một số sự cố về cấu hình trong số karma.conf.js của mình. Tôi đã thay đổi như sau:

files: [ 
    { pattern: './web/spec/test.ts', watched: false } 
], 
preprocessors: { 
    './invalid-path/to/test.ts': ['angular-cli'] 
}, 

để

files: [ 
    { pattern: './web/spec/test.ts', watched: false } 
], 
preprocessors: { 
    './web/spec/test.ts': ['angular-cli'] 
}, 

Sau đó nhập khẩu đã được giải thích một cách chính xác và .ts file có thể biên dịch mà không có lỗi một lần nữa sử dụng ng test.