angular2 无法加载 ng2-bootstrap Datepicker答案

【问题标题】：angular2 cannot load ng2-bootstrap Datepickerangular2 无法加载 ng2-bootstrap Datepicker
【发布时间】：2017-07-11 19:51:23
【问题描述】：

我在 system.config 中尝试了几种组合 - 但我继续收到此错误

错误：错误：XHR 错误（404 未找到）正在加载 http://localhost:3000/node_modules/ng2-bootstrap 在 XMLHttpRequest.wrapFn [as _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/app/app.module.js 将http://localhost:3000/node_modules/ng2-bootstrap 加载为“ng2-bootstrap”时出错

我的 system.config sn -p 是

(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);

有人可以帮我找出错误吗？并帮助我了解出了什么问题？

【问题讨论】：

标签： angular ng2-bootstrap

【解决方案1】：

查看客户端用于获取日期选择器文件的 URL：http://localhost:3000/node_modules/ng2-bootstrap。

虽然您已在 systemjs.config.js 中映射了“ng2-bootstrap”的起始路径，但尚未映射任何以“node_modules”开头的路径。在您的项目中搜索包含“node_modules”的 URL，并从路径中删除“node_modules”。然后客户端应该使用服务器可以成功映射到 'ng2-bootstrap' 路由的 URL。

再提醒一句：我认为您的第二条路线“ng2-bootstrap/ng2-bootstrap”有问题。因为它从与它上面的路由相同的部分路径开始，所以我希望这条路由永远不会适用，因为第一个总是匹配的。你也应该验证这条路线。

【讨论】：