2016-12-30 12 views
6

私は間違った壁を設定しているようです。ReferenceError:変数を見つけることができません:src/app/home/home.component.spec.ts:4の角度2

エラー:

ReferenceError: Can't find variable: Map 
at src/app/home/home.component.spec.ts:4 

ReferenceError: Can't find variable: Map 
at http://localhost:63247/__modules/27.js?1483285680907:80 

私はそうのように私のjsファイルを設定:

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

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

    module: { 
    loaders: [ 
     {test: /\.css$/, loader: 'raw-loader'}, 
     {test: /\.html$/, loader: 'raw-loader'}, 
     {test: /\.js$/, loader: 'angular2-template-loader', exclude: /node_modules/}, 
     {test: /\.json$/, loader: 'json-loader'}, 
     {test: /\.styl$/, loaders: ['raw-loader', 'stylus-loader']}, 
     {test: /\.less$/, loaders: ['raw-loader', 'less-loader']}, 
     {test: /\.scss$|\.sass$/, loaders: ['raw-loader', 'sass-loader']}, 
     {test: /\.(jpg|png)$/, loader: 'url-loader?limit=128000'} 
    ] 
    } 
}); 

var compilerOptions = require('./src/tsconfig.json').compilerOptions; 

module.exports = function (wallaby) { 

    return { 
    files: [ 
     {pattern: 'src/**/*.ts', load: false}, 
     {pattern: 'src/**/*.d.ts', ignore: true}, 
     {pattern: 'src/**/*.css', load: false}, 
     {pattern: 'src/**/*.html', load: false}, 
     {pattern: 'src/**/*spec.ts', ignore: true}, 
     {pattern: 'node_modules/babel-polyfill/browser.js', instrument: false} 
    ], 

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

    testFramework: 'jasmine', 

    compilers: { 
     '**/*.ts': wallaby.compilers.typeScript(compilerOptions) 
    }, 

    postprocessor: webpackPostprocessor, 

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

    debug: true 
    }; 
}; 

プロジェクト構造:

enter image description here

enter image description here

私はこのツールを今日見つけました。これを動作させることに非常に興奮しています。私はまた、GitHubのワラビーが、それは自分のしているので、私はそれがコンパイラを使用していなかったことを確認するために私のwallaby.jsファイルに次を追加したいくつかの研究の後Git Hub Link

ReferenceError: Can't find variable: Map 
    at src/app/home/home.component.spec.ts:4 

に私のプロジェクトを持っています。

{pattern: 'node_modules/babel-polyfill/browser.js', instrument: false}

は、しかし、私はまだ同じエラーを取得します。

+0

ポリフィルは含まれていません。たとえば、[セクション]の最初のリンク(https://wallabyjs.com/docs/integration/angular.html#angular-2)を参照してください。角度2を正しく設定するには、重要なビットは 'src/wallabyTest .ts'。 –

+0

@YaroslavAdmin私はそれを理解しようとしています、リンクのおかげで。私は実際の例がどこにあるのか知っていますか? – Drew1208

+0

このセクションの最初のリンクは、[Angular.js 2 Angle-Cli(Webpack)generated project](https://github.com/wallabyjs/ngCliWebpackSample#wallabyjs)の実例であると主張しています。 –

答えて

0

@ YaroslavAdminが正しく言及しているように、重要なビットはsrc/wallabyTest.tsです。これはpolyfillがロードされる場所です。あなたのプロジェクトにはthis fileがありません。

関連する問題