无法在 Angular 5 项目上解析 rxjs/***答案

【问题标题】：Can't resolve rxjs/*** on angular 5 project无法在 Angular 5 项目上解析 rxjs/***
【发布时间】：2021-01-01 14:32:46
【问题描述】：

我无法在亚马逊 ec2 上运行我的 Angular 应用程序。当我使用 environment.stage.ts 配置执行 ng serve 或 ng serve -c stage 时，我收到如下屏幕截图所示的错误。在我的电脑上本地运行时没有出现错误，并且项目编译没有错误。

rxjs 的版本是 5.5.5。

Angular、angular-cli 和节点版本也在下面。

./node_modules/@angular/router/esm5/router.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@angular/router/esm5”中的“rxjs/BehaviorSubject” ./node_modules/@agm/core/services/google-maps-api-wrapper.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@agm/core/services”中的“rxjs/Observable” ./node_modules/@agm/core/services/managers/data-layer-manager.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@agm/core/services/managers”中的“rxjs/Observable” ./node_modules/@agm/core/services/managers/marker-manager.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@agm/core/services/managers”中的“rxjs/Observable” ./node_modules/@agm/core/services/managers/info-window-manager.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@agm/core/services/managers”中的“rxjs/Observable” ./node_modules/@agm/core/services/managers/polyline-manager.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@agm/core/services/managers”中的“rxjs/Observable” ./node_modules/@agm/core/services/managers/circle-manager.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@agm/core/services/managers”中的“rxjs/Observable” ./node_modules/@agm/core/services/managers/kml-layer-manager.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@agm/core/services/managers”中的“rxjs/Observable” ./node_modules/@agm/core/services/managers/polygon-manager.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@agm/core/services/managers”中的“rxjs/Observable” ./node_modules/@angular/core/esm5/core.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@angular/core/esm5”中的“rxjs/Observable” ./node_modules/@angular/http/esm5/http.js 中的错误找不到模块：错误：无法解析“/home/ubuntu/b2s_dev/b2s_v2_web/node_modules/@angular/http/esm5”中的“rxjs/Observable” ℹ｢wdm｣：编译失败。

BR，

【问题讨论】：

请将您的 text 错误发布为 text。公司代理使某些人无法看到您的错误。
您能分享一下您是如何编写 rxjs 导入的吗？
您确定您在 ec2 实例上运行了“npm install”吗？
是的，我正在运行 npm install，这就是我如何导入 rxjs: import { Observable } from 'rxjs/Observable';导入'rxjs/add/operator/catch'；导入'rxjs/add/observable/throw';
你能把你的 package.json 添加到问题中吗？

标签： node.js angular amazon-ec2 rxjs angular-cli

【解决方案1】：

尝试只导入没有 observables 的 rxjs

【讨论】：

我不能使用可观察的通用错误函数。

【解决方案2】：

{
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "start-stage": "ng serve --env=stage",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "build:universal:prod": "ng build --prod && ng build --prod --app 1 --output-hashing=false && cpy ./server.js ./dist",
    "serve:universal:prod": "npm run build:universal:prod && cd dist && node server",
    "compile_@agm_core": "babel node_modules/@agm/core -d node_modules/@agm/core --presets es2015",
    "postinstall": "npm run compile_@agm_core"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "^1.0.0-beta.2",
    "@angular/animations": "^5.0.0",
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/platform-server": "^5.2.7",
    "@angular/router": "^5.0.0",
    "@nguniversal/express-engine": "^5.0.0-beta.6",
    "babel-cli": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "core-js": "^2.4.1",
    "moment": "^2.20.1",
    "ng2-nouislider": "^1.7.7",
    "ngx-disqus": "^2.3.7",
    "nouislider": "^10.1.0",
    "rxjs": "^5.5.5",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.7.3",
    "@angular/cli": "^6.1.3",
    "@angular/compiler-cli": "^5.0.0",
    "@angular/language-service": "^5.0.0",
    "@types/googlemaps": "^3.30.4",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "cpy-cli": "^1.0.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.2.0",
    "tslint": "~5.7.0",
    "typescript": "~2.4.2"
  }
}

【讨论】：

【解决方案3】：

使用此命令安装 rxjs compact，它将安装与您正在使用的 Angular 版本兼容的最新版本的 rxjs。

npm install --save rxjs-compat

【讨论】：