WebpackがAngular 2モジュールを見つけられません

Typifript 2で書かれた簡単なAngular 2アプリをBrowserifyからWebpack 2に移行しようとしていますが、角度モジュールが見つからないとブラウザフィールドにエラーが発生しています。いくつかのサンプルプロジェクトやチュートリアルを見ても、私はまだ何が問題か分かりません。これは、BrowserifyとTsifyでうまく構築されます。WebpackがAngular 2モジュールを見つけられません

ERROR in ./~/@angular/platform-browser-dynamic/index.js 
Module not found: Error: Can't resolve './src/platform-browser-dynamic' in '/opt/project/node_modules/@angular/platform-browser-dynamic' 
resolve './src/platform-browser-dynamic' in '/opt/project/node_modules/@angular/platform-browser-dynamic' 
    using description file: /opt/project/node_modules/@angular/platform-browser-dynamic/package.json (relative path: .) 
    Field 'browser' doesn't contain a valid alias configuration 
    after using description file: /opt/project/node_modules/@angular/platform-browser-dynamic/package.json (relative path: .) 
    using description file: /opt/project/node_modules/@angular/platform-browser-dynamic/package.json (relative path: ./src/platform-browser-dynamic) 
     as directory 
     /opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic doesn't exist 
     no extension 
     Field 'browser' doesn't contain a valid alias configuration 
     /opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic doesn't exist 
     js 
     Field 'browser' doesn't contain a valid alias configuration 
     /opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamicjs doesn't exist 
     .ts 
     Field 'browser' doesn't contain a valid alias configuration 
     /opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic.ts doesn't exist 
[/opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic] 
[/opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic] 
[/opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamicjs] 
[/opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic.ts] 
@ ./~/@angular/platform-browser-dynamic/index.js 13:0-47 
@ ./src/main.ts 
...and so on...

webpack.config.js：

module.exports = { 
    entry: { 
     main: './src/main.ts', 
    }, 
    output: { 
     path: './build', 
     filename: '[name].js' 
    }, 
    resolve: { 
     extensions: ['js', '.ts'], 
    }, 
    module: { 
     rules: [ 
      { 
       test: /\.ts$/, 
       use: ['ts-loader'], 
      } 
     ] 
    } 
}

出典

2016-12-11 Karmo Rosental

'resolve.extensions'の' js'拡張は '.js'でなければなりません。それが答えなのかどうかはわかりませんが、変更する必要があります。 –

あなたはこれに満足のいく答えを得ましたか？私のwebpack設定はあなたのように偶然に見えます。あなたのtsconfig.jsonには何がありますか？ – IanT8

私が正しく覚えていれば、Paus Sのコメントが助けになりました。その後、私はES6に移行しました。 –