2017-06-01 10 views
1

このチュートリアルでは、https://www.youtube.com/watch?v=yG4FH60fhUEhttps://angular.io/docs/ts/latest/guide/testing.htmlを使用して簡単な単体テストケースを角度2で書き、カルマの設定を確認します。私はこのエラーを受け取ります。Uncaught SyntaxError:予期しないトークンのインポート--- compute.spec.ts:2。構文は非常に単純で、チュートリアルと似ています。しかし、なぜ私はこのエラーが発生しているのかわかりません。これらは使用されているバージョンですKarma - Uncaught SyntaxError:角度2の予期しないトークンのインポート

//package.json 
    "scripts": { 
    "clean": "ionic-app-scripts clean", 
    "build": "ionic-app-scripts build", 
    "serve": "ionic-app-scripts serve", 
    "ionic:build": "ionic-app-scripts build", 
    "ionic:serve": "ionic-app-scripts serve", 
    "test": "karma start karma.conf.js" 
    }, 
    "dependencies": { 
    "@angular/animations": "4.0.3", 
    "@angular/common": "2.4.10", 
    "@angular/compiler": "2.4.10", 
    "@angular/core": "2.4.10", 
    "@angular/flex-layout": "2.0.0-beta.5", 
    "@angular/forms": "2.4.10", 
    "@angular/http": "2.4.10", 
    "@angular/material": "2.0.0-beta.2", 
    "@angular/platform-browser": "2.4.10", 
    "@angular/platform-browser-dynamic": "2.4.10", 
    "@angular/router": "3.4.10", 
    "@types/c3": "^0.4.39", 
    "angular-hammer": "^2.2.0", 
    "angular2-mqtt": "^1.7.1", 
    "c3": "^0.4.11", 
    "core-js": "^2.4.1", 
    "d3": "^3.5.17", 
    "karma": "^1.7.0", 
    "karma-chrome-launcher": "^2.1.1", 
    "karma-jasmine": "^1.1.0", 
    "rxjs": "^5.1.0", 
    "sw-toolbox": "^3.6.0", 
    "zone.js": "^0.7.7" 
    }, 
    "devDependencies": { 
    "@angular/compiler-cli": "2.4.10", 
    "@ionic/app-scripts": "1.1.4", 
    "@types/c3": "^0.4.39", 
    "@types/jasmine": "^2.5.47", 
    "c3": "^0.4.11", 
    "jasmine-core": "^2.6.2", 
    "karma": "^1.7.0", 
    "typescript": "2.2.2" 
    } 

My project structure 

    myproject 
    -src 
     -app 
     -01-fundamentals 
      -compute.ts 
      -compute.spec.ts 
    -karma.conf.js 

    //compute.spec.ts 

    import {compute} from './compute'; 
    describe('compute',() => { 

     it('should return 0 if input is negative',() => { 
     const result= compute(-1); 
     expect(result).toBe(0); 
    }) 
    }) 

    //karma.conf.js 
    module.exports = function(config) { 
     config.set({ 
     basePath: '', 
     frameworks: ['jasmine'], 
     files: ["src/app/**/*.spec.ts" 
     ], 
     exclude: [ 
     ], 
     preprocessors: { 
     }, 
     reporters: ['progress'], 
     port: 9876, 
     colors: true, 
     logLevel: config.LOG_DEBUG, 
     autoWatch: true, 
     browsers: ['Chrome'], 
     singleRun: false, 
     concurrency: Infinity, 
     plugins: [ 'karma-jasmine', 'karma-chrome-launcher'], 
     mime: { 
      'text/x-typescript': ['ts','tsx'] 
     }, 
     }) 
    } 
+0

私はいくつかのプリプロセッサを使う必要があることを知った。 ** karma- typescript **プリプロセッサで試しました。これをインストールした後、私は 'あなたがカルマスタートメソッドを実行するためにアダプタが必要です。これは狂っています。 1つの問題を解決しようとすると、他のポップアップ! – Mythri

+0

現代のWeb開発の世界へようこそ。私は同じ問題に直面しています。 – ArieKanarie

答えて

0

--sourcemaps = falseでテストを実行すると、正しいエラーメッセージが表示されます。

ng test --sm=false 
関連する問題