錯誤：（SystemJS）XHR錯誤（404 Not Found）加載@ ng-bootstrap/ng-bootstrap

我在package.json下添加了@ ng-bootstrap/ng-bootstrap 1.0.0-alpha.23庫依賴。錯誤：（SystemJS）XHR錯誤（404 Not Found）加載@ ng-bootstrap/ng-bootstrap

的package.json

"dependencies": { 
"@angular/common": "~2.4.0", 
"@angular/compiler": "~2.4.0", 
"@angular/core": "~2.4.0", 
"@angular/forms": "~2.4.0", 
"@angular/http": "~2.4.0", 
"@angular/platform-browser": "~2.4.0", 
"@angular/platform-browser-dynamic": "~2.4.0", 
"@angular/router": "~3.4.0", 
"@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.23", 
"aes": "0.1.0", 
"angular-in-memory-web-api": "~0.2.4", 

"bootstrap": "^3.3.6", 
"core-js": "^2.4.1", 
"crypto-js": "^3.1.9-1", 
"ng2-appinsights": "^0.3.0", 
"applicationinsights-js": "^1.0.8", 
"reflect-metadata": "^0.1.8", 
"rxjs": "5.0.1", 
"systemjs": "0.19.40", 
"zone.js": "^0.7.4" 
},

而且還增加了以下system.js.config.js文件

'@ng-bootstrap/ng-bootstrap': 'npm:@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js',

system.js.config.js

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/router/upgrade': 'npm:@angular/router/bundles/router-upgrade.umd.js', 
    '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', 
    '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js', 
    '@angular/upgrade/static': 'npm:@angular/upgrade/bundles/upgrade-static.umd.js', 
    'ng2-bootstrap': 'npm:ng2-bootstrap', 
    '@ng-bootstrap/ng-bootstrap': 'npm:@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js', 

    // other libraries 
    'rxjs':      'npm:rxjs', 
    'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js', 
    'cryptojs':     'npm:crypto-js/crypto-js.js', 
    'ng2-appinsights': 'npm:ng2-appinsights', 
    'applicationinsights-js': 'npm:applicationinsights-js' 
},

配置完所有內容並運行我的angular2應用程序後，會出現如下圖所示的錯誤。

可以請你如何解決上述錯誤。

普拉迪普

來源

2017-04-20 pradeep

嘗試使用this.Refer路徑「node_modules」文件夾，將解決這個問題。

'@ng-bootstrap': 'node_modules/@ng-bootstrap', 
'@ng-bootstrap/ng-bootstrap': 'node_modules/@ng-bootstrap/ng-bootstrap'

或

// 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'}, 
    'angular2-in-memory-web-api': {main: 'index.js', defaultExtension: 'js'}, 
    '@ng-bootstrap/ng-bootstrap': {main: 'index.js', defaultExtension: 'js'} 

    };

來源

2017-04-20 11:55:44 Vignesh

我嘗試了上面幾行代碼，但仍然得到相同的錯誤。在我的代碼中npm表示'node_modules /' – pradeep

'@ ng-bootstrap'：'node_modules/@ ng-bootstrap'， '@ ng-bootstrap/ng-bootstrap'：'node_modules/@ ng-bootstrap/ng-bootstrap'放置此代碼並檢查它 – Vignesh

但仍然收到相同的錯誤。 – pradeep

我添加了下面兩行代碼在system.js.config.js

'@ng-bootstrap':'npm:@ng-bootstrap', 
    '@ng-bootstrap/ng-bootstrap': 'npm:@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js',

並更新的node.js至6.10 .2因爲@ ng-bootstrap模塊僅適用於此版本的node.js。

如果你想了解更多關於@ ng-bootstrap庫的信息，請看下面的鏈接。

ng-bootstrap/ng-bootstrap

來源

2017-04-20 13:03:49 pradeep

錯誤：（SystemJS）XHR錯誤（404 Not Found）加載@ ng-bootstrap/ng-bootstrap

回答

相關問題