"Uncaught reflect-metadata shim" beim Versuch, mein eckiges Projekt auf Webpack 2 zu aktualisieren

Question

Ich habe ein Webpack 1-Projekt, das einwandfrei funktioniert. Ich möchte Webpack 2.x aktualisieren, damit ich die folgenden in meinem package.json von

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

Um

"webpack": "^2", "webpack-merge": "^3.0.0"

Und ich meine webpack Dateien aktualisieren per this link ändern. Alles läuft gut und ich bekomme die Artefakte, die ich erwarte. Meine pollyfills.ts sieht wie folgt aus ...

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

Auch habe ich versucht, das Hinzufügen der folgenden meiner Hauptdatei

import 'reflect-metadata'

Aber wenn ich versuche ich zu laufen und erhalte den folgenden Fehler Uncaught reflect-metadata shim is required when using class decorators. Ich benutze ....

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

Kann mir jemand helfen, was ich vermisse? Wenn ich zum älteren Webpack zurückkehre, funktioniert es gut.

Answer 1

Meine Antwort war anscheinend ähnlich zu anderen. Vorher sah meine Webpack-Konfiguration so aus ...

Sie können das anscheinend nicht mehr tun (kann jemand Beweis finden?). Wahrscheinlich dank einer Art von Isolation, die Webpack 2 erzwingt. Also änderte ich dies ...

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

Und an der Spitze meiner main.ts habe ich folgendes (nach in meinem Fall auch die Dateien bewegen) ...

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

Jetzt scheint es Arbeit

Answer 2

Ich verwende VS-Code und Angular CLI. Und heute hatte ich genau den gleichen Fehler in meiner Konsole.

In meinem Fall musste ich nur VS-Code-Editor neu starten. Nach dem Starten des Editors starte ich "ng serve" im Projektordner und alles funktionierte wie erwartet, ohne Fehler.

Ich hoffe es hilft.