角度プロジェクトをWebpack 2にアップグレードしようとすると「Uncaught reflect-metadata shim」を取得する

Question

Webpack 1プロジェクトが正常に動作しています。私は

に

"webpack": "^1.13.3", "webpack-merge": "^2.0.0"

から私のpackage.jsonに次のように変更するので、私は

"webpack": "^2", "webpack-merge": "^3.0.0" WebPACKの2.xのにアップグレードしたいと私は私のWebPACKのファイルper this linkを更新します。すべてが透明になり、私が期待しているアーティファクトが得られます。私pollyfills.tsはこのようになります...

... 
import 'reflect-metadata' 
import 'core-js/es6/typed'; 
import 'core-js/es6/reflect'; 
import "core-js/es7/reflect"; 
import "zone.js/dist/zone"; 
... 

はまた、私は私のメインのファイルに

import 'reflect-metadata'

を以下を追加してみました。しかし、私は次のようなエラーUncaught reflect-metadata shim is required when using class decoratorsを取得実行しようとします。私は使用しています....

"@angular/common": "^2.4.1", 
"@angular/compiler": "^2.4.1", 
"@angular/core": "^2.4.1", 

私が逃しているものを手伝ってくれる人はいますか？古いWebpackに戻すとうまく動作します。

Answer 1

私の答えは明らかに他のものと似ていました。この私のWebPACKの設定が

entry: { 
    polyfills: './conf/polyfills', 
    vendor: './conf/deps', 
    app: './src/ng2/main', 
}, 

...このように見えた前にあなたは明らかに（誰かが証拠を見つけることができますか？）もうこれを行うことはできません。おそらく、Webpack 2が強制する何らかの分離のおかげです。だから私は...

entry: { 
    app: './src/ng2/main' 
}, 

にそして、私のmain.tsの上部にこれを変更し、私は

import './polyfills' 
import './deps' 

は、今ではいるようだ...（後に私の場合も、ファイルを移動するには）、次の追加しました仕事

Answer 2

私はVSコードとAngular CLIを使用しています。 今日は私のコンソールでまったく同じエラーが発生しました。

私の場合は、VSコードエディタを再起動するだけでした。 エディタを起動すると、プロジェクトフォルダに "ng serve"が実行され、エラーは発生せず、すべてが正常に機能していました。

私はそれが役に立ちそうです。