@ @ angular/plattform-browser-dynamic nicht laden

Question

Wenn die Anwendung geladen wird, erhalte ich den folgenden Fehler.

http://localhost:49769/node_modules/@angular/platform-browser-dynamic/index.js Failed to load resource: the server responded with a status of 404 (Not Found) 
localhost/:21 Error: Error: XHR error (404 Not Found) loading http://localhost:49769/node_modules/@angular/platform-browser-dynamic/index.js 
     at XMLHttpRequest.wrapFn [as _onreadystatechange] (https://npmcdn.com/zone.js@0.6.12?main=browser:769:30) 
     at ZoneDelegate.invokeTask (https://npmcdn.com/zone.js@0.6.12?main=browser:356:38) 
     at Zone.runTask (https://npmcdn.com/zone.js@0.6.12?main=browser:256:48) 
     at XMLHttpRequest.ZoneTask.invoke (https://npmcdn.com/zone.js@0.6.12?main=browser:423:34) 
    Error loading http://localhost:49769/node_modules/@angular/platform-browser-dynamic/index.js as "@angular/platform-browser-dynamic" from http://localhost:49769/app/main.js(anonymous function) @ localhost/:21 
http://localhost:49769/node_modules/@angular/core/index.js Failed to load resource: the server responded with a status of 404 (Not Found) 

Finden Sie die Ordnerstruktur der Platzierung der Konfig und .ts Dateien in meinem Projekt. Bitte bestätigen Sie, ob die Dateien in der richtigen Ordner

Package.json

{ 
    "name": "Testing", 
    "version": "1.0.0", 
    "scripts": { 
    "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "lint": "tslint ./app/**/*.ts -t verbose", 
    "lite": "lite-server", 
    "typings": "typings", 
    "postinstall": "typings install" 
    }, 
    "license": "ISC", 
    "dependencies": { 
    "@angular/common": "2.0.0-rc.4", 
    "@angular/compiler": "2.0.0-rc.4", 
    "@angular/core": "2.0.0-rc.4", 
    "@angular/forms": "0.2.0", 
    "@angular/http": "2.0.0-rc.4", 
    "@angular/platform-browser": "2.0.0-rc.4", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.4", 
    "@angular/router": "3.0.0-beta.2", 

    "systemjs": "0.19.27", 
    "core-js": "^2.4.0", 
    "reflect-metadata": "^0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "zone.js": "^0.6.12", 

    "bootstrap": "^3.3.6" 
    }, 
    "devDependencies": { 
    "concurrently": "^2.0.0", 
    "lite-server": "^2.2.0", 
    "tslint": "^3.7.4", 
    "typescript": "^1.8.10", 
    "typings": "^1.0.4" 
    }, 
    "repository": { } 
} 

systemjs.config.js platziert sind

/** 
* System configuration for Angular 2 samples 
* Adjust as necessary for your application needs. 
*/ 
(function (global) { 

    // map tells the System loader where to look for things 
    var map = { 
     'app': 'app', 
     'rxjs': 'node_modules/rxjs', 
     '@angular': 'node_modules/@angular' 

    }; 

    // packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
     'app': { main: 'main.js', defaultExtension: 'js' }, 
     'rxjs': { defaultExtension: 'js' }, 

     '@angular/common': { defaultExtension: 'js', main: 'index.js' }, 
     '@angular/compiler': { defaultExtension: 'js', main: 'index.js' }, 
     '@angular/core': { defaultExtension: 'js', main: 'index.js' }, 
     '@angular/http': { defaultExtension: 'js', main: 'index.js' }, 
     '@angular/platform-browser': { defaultExtension: 'js', main: 'index.js' }, 
     '@angular/platform-browser-dynamic': { defaultExtension: 'js', main: 'index.js' }, 
     '@angular/router': { defaultExtension: 'js', main: 'index.js' }, 

    }; 

    var packageNames = [ 
     '@angular/common', 
     '@angular/compiler', 
     '@angular/core', 
     '@angular/forms', 
     '@angular/http', 
     '@angular/platform-browser', 
     '@angular/platform-browser-dynamic', 
     '@angular/router' 
    ]; 

    // add package entries for angular packages in the form 
    // '@angular/common': { main: 'index.js', defaultExtension: 'js' } 
    packageNames.forEach(function (pkgName) { 
     packages[pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
    }); 

    var config = { 
     map: map, 
     packages: packages 
    }; 

    System.config(config); 

})(this); 

tsconfig.json

{ 
    "compilerOptions": { 
    "target": "es6", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": true, 
    "suppressImplicitAnyIndexErrors": true 
    } 
} 

Warum die Anwendung kann plattform-browser-dynamic nicht unter node_modules geladen werden? Ich habe überprüft, dass die Dateien unter den angegebenen Ordnern vorhanden sind, immer noch bekomme ich diesen Fehler.

Hinweis: wenn die NPM/Abhängigkeiten Ordner sagt, dass „Nicht installiert“, aber ich kann den Ordner erweitern und bemerken, dass alle Referenzen korrekt installiert sind, aber es zeigt immer noch diese Fehler/Warnmeldung

Answer 1

Sie kann die node_modules von wwwroot nicht importieren, aber Sie müssen die Bundles in einem Zielordner in wwwroot, zum Beispiel von Schluck kopieren, und importieren Sie sie dann von dort von systemjs.config.js. Die Position systemjs.config.js ist in wwwroot korrekt.

Ich schlage vor, Sie einige Beispiele folgen, wie folgt aus: https://github.com/ajtowf/aspnetcore-angular2-seed