Heroes 둘러보기 HttpClientModule 가져 오기 오류가 발생했습니다.

Question

각도 튜토리얼을 시작하려고합니다. https://angular.io/tutorial/toh-pt6

지침에 따라 HttpClientModule을 가져 오면 아래 오류가 발생합니다.

도와주세요. Mac에서 npm을 사용하고 있습니다.

Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/node_modules/@angular/common/bundles/common.umd.js/http 
Error: XHR error (404 Not Found) loading http://localhost:3000/node_modules/@angular/common/bundles/common.umd.js/http 
    at XMLHttpRequest.wrapFn (http://localhost:3000/node_modules/zone.js/dist/zone.js:1166:39) 
    at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:425:31) 
    at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:192:47) 
    at ZoneTask.invokeTask [as invoke] (http://localhost:3000/node_modules/zone.js/dist/zone.js:499:34) 
    at invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:1540:14) 
    at XMLHttpRequest.globalZoneAwareCallback (http://localhost:3000/node_modules/zone.js/dist/zone.js:1566:17) 
Error loading http://localhost:3000/node_modules/@angular/common/bundles/common.umd.js/http as "@angular/common/http" from http://localhost:3000/app/app.module.js 
    at XMLHttpRequest.wrapFn (http://localhost:3000/node_modules/zone.js/dist/zone.js:1166:39) 
    at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:425:31) 
    at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:192:47) 
    at ZoneTask.invokeTask [as invoke] (http://localhost:3000/node_modules/zone.js/dist/zone.js:499:34) 
    at invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:1540:14) 
    at XMLHttpRequest.globalZoneAwareCallback (http://localhost:3000/node_modules/zone.js/dist/zone.js:1566:17) 
Error loading http://localhost:3000/node_modules/@angular/common/bundles/common.umd.js/http as "@angular/common/http" from http://localhost:3000/app/app.module.js 

Answer 1

또한 추가하여 systemjs 설정을 변경해야합니다 :

map: { 
    ... 
    '@angular/common/http': 'npm:@angular/common/bundles/common-http.umd.js', 
    'tslib': 'npm:tslib/tslib.js' 

도 참조

• (SystemJS) XHR error @angular/commobundles/common.umd.js/http not found