パスに/ bundleを指定してもplatform-browser-dynamic.umd.jsが見つかりません

私はAngularワールドを初めて使っていて、MEANスタックを使用してウェブサイトを構築しようとしていました。私は問題を抱えており、さらに進むことはできません。私が手にエラーがパスに/ bundleを指定してもplatform-browser-dynamic.umd.jsが見つかりません

私systemjs.config.jsは以下の通りです -

(function(global) { 
    System.config({ 
    paths: { 'npm:' : 'node_modules/'}, 
    map: { 
     app: '/app', 
     '@angular/core': 'npm:@angular/core/bundles/core.umd.js', 
     '@angular/common': 'npm:@angular/common/bundles/common.umd.js', 
     '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', 
     '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', 
     '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
     '@angular/http': 'npm:@angular/http/bundles/http.umd.js', 
     '@angular/router': 'npm:@angular/router/bundles/router.umd.js', 
     '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', 
     'rxjs': 'npm:rxjs' 
    }, 

    packages: { 
     app: { main: './main.js', defaultExtension: 'js'}, 
     rxjs: { defaultExtension: 'js'} 
    } 
    }); 
})(this);

Index.htmlと

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8">  
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/spacelab/bootstrap.min.css"> 

    <style>body { padding: 50px 0;}</style> 
    <title>ng-Trader</title> 

    <script src="core-js/client/shim.min.js"></script> 
    <script src="zone.js/dist/zone.js"></script> 
    <script src="reflect-metadata/Reflect.js"></script> 

    <script src="systemjs/dist/system.src.js"></script> 
    <script src="systemjs.config.js"></script> 
    <script> 
     System.import('app').catch(function(err) { console.error(err); }) 
    </script> 
</head> 
<body class="container"> 
    ng Trader Application. 
</body> 
</html>

Main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule } from './app.module'; 

platformBrowserDynamic().bootstrapModule(AppModule);

私はノードserver.jsファイルでexpress.staticを使用しているページ。

アプリの構造は

出典

2017-09-11 VBK

はそれを考え出したです。ノード・サーバーから静的ファイルを渡しているので、node_modulesのマッピングは必要ありません。

Soはsystemjs.config.js （関数（グローバル）{

System.config({  
    map: { 
    app: '/app', 
    '@angular/core': '@angular/core/bundles/core.umd.js', 
    '@angular/common': '@angular/common/bundles/common.umd.js', 
    '@angular/compiler': '@angular/compiler/bundles/compiler.umd.js', 
    '@angular/platform-browser': '@angular/platform-browser/bundles/platform-browser.umd.js', 
    '@angular/platform-browser-dynamic': '@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
    '@angular/http': '@angular/http/bundles/http.umd.js', 
    '@angular/router': '@angular/router/bundles/router.umd.js', 
    '@angular/forms': '@angular/forms/bundles/forms.umd.js', 
    'rxjs': 'rxjs' 
}, 
// /bundles/platform-browser-dynamic.umd.js 
packages: { 
    app: { main: './main.js', defaultExtension: 'js'}, 
    rxjs: { defaultExtension: 'js'} 
    } 
    }); 
})(this);

に変更します

出典

2017-09-11 22:48:30 VBK

パスに/ bundleを指定してもplatform-b​​rowser-dynamic.umd.jsが見つかりません

答えて

関連する問題

パスに/ bundleを指定してもplatform-browser-dynamic.umd.jsが見つかりません