Question

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

错误：错误：XHR错误（404 Not Found）loading 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/node_modules/ng2-bootstrap时出错＆＃34; ng2-bootstrap＆＃34;来自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);

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

Answer 1

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

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

还有一个警告：我认为您的第二条路线存在问题＆＃39; ng2-bootstrap / ng2-bootstrap＆＃39;。因为它以与其上方的路线相同的部分路径开始，所以我希望这条路线永远不会适用，因为第一条路线始终匹配。你也应该验证这条路线。

angular2无法加载ng2-bootstrap Datepicker

1 个答案: