angular2無法加載NG2的自舉日期選擇器

我試過system.config內的幾種組合 - 但我還是得到此錯誤angular2無法加載NG2的自舉日期選擇器

錯誤：錯誤：錯誤XHR（404未找到）裝載http://localhost:3000/node_modules/ng2-bootstrap 在XMLHttpRequest.wrapFn [按_onreadystatechange]（http://localhost:3000/node_modules/zone.js/dist/zone.js:698:29）在ZoneDelegate.invokeTask（http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35）在Zone.runTask（http://localhost:3000/node_modules/zone.js/dist/zone.js:154:47）在XMLHttpRequest.ZoneTask.invoke（http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33）錯誤加載http://localhost:3000/node_modules/ng2-bootstrap爲「NG2的自舉」從http://localhost:3000/app/app.module.js

我system.config片段是

(function (global) { 
System.config({ 
paths: { 
    // paths serve as alias 
    'npm:': 'node_modules/', 
    'ng2-bootstrap': "node_modules/ng2-bootstrap" 
}, 
// map tells the System loader where to look for things 
map: { 
    // our app is within the app folder 
    app: 'app', 

    // angular bundles 
    '@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', 
    'moment': 'node_modules/moment', 
    'ng2-bootstrap': 'node_modules/ng2-bootstrap', 
    'ng2-bootstrap/ng2-bootstrap': 'node_modules/ng2-bootstrap/bundles/ng2-bootstrap.umd.js' 
    // other libraries 

}, 
// packages tells the System loader how to load when no filename and/or no extension 
packages: { 
    app: { 
    main: './main.js', 
    defaultExtension: 'js' 
    }, 
    rxjs: { 
    defaultExtension: 'js' 
    }, 
    'ng2-bootstrap': { 
    "defaultExtension": "js" 
}  
} }); })(this);

有人可以幫助我發現錯誤了嗎？並幫助我瞭解哪裏出了問題？

來源

2017-02-21 user2097496

查看客戶端用於獲取日期選擇器文件的URL：http://localhost:3000/node_modules/ng2-bootstrap。

雖然您在systemjs.config.js中映射了'ng2-bootstrap'的開始路徑，但您尚未映射任何以'node_modules'開頭的路徑。在您的項目中搜索包含'node_modules'的網址，並從路徑中移除'node_modules'。然後客戶端應該使用服務器可以成功映射到'ng2-bootstrap'路由的URL。

還有一點要注意：我認爲你的第二條路由'ng2-bootstrap/ng2-bootstrap'有問題。因爲它與剛剛在它上面的路線相同的部分路徑開始，所以我期望這條路線從不適用，因爲第一條路線總是匹配。你也應該驗證這條路線。

來源

2017-04-28 12:16:14 Christoph

angular2無法加載NG2的自舉日期選擇器

回答

相關問題