Angular-cli @ webpack與wallabyjs

我想爲我的項目配置wallabyjs與最新的角-cli（[email protected]）生成。我跟着「官方」 angular2-webpack-wallaby config，但不幸的是我有一個錯誤Angular-cli @ webpack與wallabyjs

[Error] Runtime error: Error: Cannot find module "./app.component" 
[Error] Runtime error: Error: Module parse failed: .\src\app\app.component.spec.ts Unexpected token (12:31) 
[Error] You may need an appropriate loader to handle this file type. 
[Error] | 
[Error] | it('should create the app', 
[Error] |  inject([AppComponent], (app: AppComponent) => { 
[Error] |  expect(app).toBeTruthy(); 
[Error] |  })); 
[Error] at http://localhost:58135/__modules/926.js?1471691462032:1 
[Error] Runtime error: Error: Cannot find module "./app.component" 
[Error] at http://localhost:58135/src/app/app.component.spec.ts.compiled.js.wbp.js?1471691462037&wallabyFileId=12:4

這裏是我的wallaby.js

var wallabyWebpack = require('wallaby-webpack'); 

var webpackPostprocessor = wallabyWebpack({ 
    entryPatterns: [ 
    'config/spec-bundle.js', 
    'src/**/*spec.js' 
    ], 

    module: { 
    loaders: [ 
     {test: /\.css$/, loader: 'raw-loader'}, 
     {test: /\.html$/, loader: 'raw-loader'}, 
     {test: /karma-require/, loader: 'null'} 
    ] 
    } 
}); 

module.exports = function() { 

    return { 
    files: [ 
     {pattern: 'config/spec-bundle.js', load: false}, 
     {pattern: 'config/karma-require.js', load: false}, 
     {pattern: 'src/**/*.ts', load: false}, 
     {pattern: 'src/**/*.css', load: false}, 
     {pattern: 'src/**/*.html', load: false}, 
     {pattern: 'src/**/*spec.ts', ignore: true} 
    ], 

    tests: [ 
     {pattern: 'src/**/*spec.ts', load: false} 
    ], 

    testFramework: 'jasmine', 

    env: { 
     runner: require('phantomjs-prebuilt').path, 
     params: { runner: '--web-security=false' } 
    }, 

    postprocessor: webpackPostprocessor, 

    setup: function() { 
     window.__moduleBundler.loadTests(); 
    } 
    }; 
};

而且我spec-bundle.js

Error.stackTraceLimit = Infinity; 

require('core-js'); 

// Typescript emit helpers polyfill 
require('ts-helpers'); 

require('zone.js/dist/zone'); 
require('zone.js/dist/long-stack-trace-zone'); 
require('zone.js/dist/jasmine-patch'); 
require('zone.js/dist/async-test'); 

// RxJS 
require('rxjs/Rx'); 

var testing = require('@angular/core/testing'); 
var browser = require('@angular/platform-browser-dynamic/testing'); 

testing.setBaseTestProviders(
    browser.TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS, 
    browser.TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS 
); 

Object.assign(global, testing); 

window.__karma__; 

var testContext = require.context('../src', true, /\.spec\.ts/); 

function requireAll(requireContext) { 
    return requireContext.keys().map(requireContext); 
} 

// requires and returns all modules that match 
var modules = requireAll(testContext);

有人可以幫助我？

來源

2016-08-20 bucicimaci

我問了官方wallaby github並得到了答案。 Here它是。

來源

2016-08-21 07:38:49 bucicimaci

Angular-cli @ webpack與wallabyjs

回答

相關問題