Angular CLI：使用业力测试执行时的“意外的令牌导入”

发布时间：2020-12-17 18:05:08 所属栏目：安全来源：网络整理

导读：我正在使用带有TypeScript的Angular 2.我使用Angular CLI工具创建了这个项目,并尝试使用命令 – “karma start”运行里面的测试用例 – “app.component.spec.ts”.此测试用例由Angular CLI本身生成,并且没有变化. 当我运行测试用例时,它会给我以下错误 – C

我正在使用带有TypeScript的Angular 2.我使用Angular CLI工具创建了这个项目,并尝试使用命令 – “karma start”运行里面的测试用例 – “app.component.spec.ts”.此测试用例由Angular CLI本身生成,并且没有变化.
当我运行测试用例时,它会给我以下错误 –

C:ProjectsAngular2TestProject>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

请问某人如何解决此问题.

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!'',(app: AppComponent) => {
      expect(app.title).toEqual('Test Project Title');
    }));
});

解决方法

我有同样的错误.我的问题是我的spec目录中的所有.ts文件都没有被angular-cli正确检测到.我的karma.conf.js中有一些配置问题.我改变了以下内容：

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

至

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

之后导入被正确解释,.ts文件可以使用ng测试再次编译而不会出错.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!