Angular2：this.http.get（...）.map不是一个函数，但只有在AoT编译时(Angular2: this.http.get(…).map is not a function but only when AoT compilation)

 我正在使用服务来发出http请求： 
 
import { Headers, Http }      from '@angular/http';
import { Observable }         from 'rxjs';
import 'rxjs/add/operator/map';

.... classcode.....

getOffices(): Observable<Office[]> {
    const url = `${this.apiurl}office`
    console.log(url);
    return this.http.get(url)
      .map(response => response.json());
  };
 
 这一切都适用于我正在开发时使用的SystemJS。 但是，当我使用汇总和uglify进行AoT编译时，我不断收到错误： 
 
 
 
 bundle.min.js：7 EXCEPTION：Uncaught（在promise中）：TypeError：this.http.get（...）。map不是函数 
 
 
 我可以找到的所有人都说要将import 'rxjs/add/operator/map'到main.ts文件或app.module.ts文件中。 我已将此添加到每个相关文件中，并将import 'rxjs/Rx'到所有相关文件，但似乎没有任何工作.. 
 
 有没有人成功地将http请求与AoT编译结合使用？ 
 
 这是我用于AoT的de tsconfig文件： 
 
    {
  "compilerOptions": {
    "target": "es2015",
    "module": "es2015",
    "moduleResolution": "node",
    "declaration": false,
    "removeComments": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "pretty": true,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitUseStrict": false,
    "noFallthroughCasesInSwitch": true,
    "outDir": "./dist",
    "rootDir": "./compiled"
  },
  "compileOnSave": false,
  "files": [
    "compiled/main-ngc.ts"
  ],
  "filesGlob":[
      "typings.d.ts",
      "compiled/main-ngc.ts",
      "compiled/main.ts"
      ],
  "exclude": [
    "node_modules"
  ]
}
 
 这些是我正在使用的构建命令： 
 
"build": "tsc -p tsconfig-compiled.json && gulp libs",
"rollup": "rollup -f iife -c -o dist/bundle.es2015.js",
"es5": "tsc --target es5 --allowJs dist/bundle.es2015.js --out dist/bundle.js",
"build_prod": "npm run ngc && npm run build && npm run rollup && npm run es5 && npm run minify && gulp clean:build && gulp build_prod",
"minify": "uglifyjs dist/bundle.js --screw-ie8 --compress --mangle --output dist/bundle.min.js",
 
 任何帮助将受到欢迎！ 

I'm using a service to make http get requests:
 
import { Headers, Http }      from '@angular/http';
import { Observable }         from 'rxjs';
import 'rxjs/add/operator/map';

.... classcode.....

getOffices(): Observable<Office[]> {
    const url = `${this.apiurl}office`
    console.log(url);
    return this.http.get(url)
      .map(response => response.json());
  };
 
This all works when using SystemJS, which I'm using while I'm developing. However, when I use AoT compilation with rollup and uglify I keep getting the error:
 
 
 
bundle.min.js:7 EXCEPTION: Uncaught (in promise): TypeError: this.http.get(...).map is not a function
 
 
All I can find is people saying to add import 'rxjs/add/operator/map' to the main.ts file or the app.module.ts file. I've added this to every related file as well as added import 'rxjs/Rx' to all related file but nothing seems to work..
 
Has anybody been successful in using http request in combination with AoT compilation?
 
this is de tsconfig file I'm using for AoT:
 
    {
  "compilerOptions": {
    "target": "es2015",
    "module": "es2015",
    "moduleResolution": "node",
    "declaration": false,
    "removeComments": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "pretty": true,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitUseStrict": false,
    "noFallthroughCasesInSwitch": true,
    "outDir": "./dist",
    "rootDir": "./compiled"
  },
  "compileOnSave": false,
  "files": [
    "compiled/main-ngc.ts"
  ],
  "filesGlob":[
      "typings.d.ts",
      "compiled/main-ngc.ts",
      "compiled/main.ts"
      ],
  "exclude": [
    "node_modules"
  ]
}
 
and these are the build commands I'm using:
 
"build": "tsc -p tsconfig-compiled.json && gulp libs",
"rollup": "rollup -f iife -c -o dist/bundle.es2015.js",
"es5": "tsc --target es5 --allowJs dist/bundle.es2015.js --out dist/bundle.js",
"build_prod": "npm run ngc && npm run build && npm run rollup && npm run es5 && npm run minify && gulp clean:build && gulp build_prod",
"minify": "uglifyjs dist/bundle.js --screw-ie8 --compress --mangle --output dist/bundle.min.js",
 
any help would be welcome!

原文：https://stackoverflow.com/questions/39900994