使用dotnet watch run运行Angular应用时遇rxjs/Observable模块找不到错误

我来帮你梳理下问题根源和解决步骤，从你给出的错误信息和package.json配置来看，主要是两个核心问题导致了这个报错：

1. Angular依赖版本不统一 #

你的package.json里混合了Angular 4和Angular 5的包版本，比如@angular/core用的是5.2.10，但@angular/compiler-cli、@angular/animations等还停留在4.2.5，这种版本不一致会引发依赖冲突，尤其是和rxjs的适配问题。

修复操作：
打开package.json，把所有@angular/开头的依赖版本统一成同一个版本（建议和你当前的@angular/core保持一致，用5.2.10），修改后的devDependencies相关部分示例如下：

"@angular/animations": "^5.2.10",
"@angular/cli": "^1.7.4",
"@angular/common": "^5.2.10",
"@angular/compiler": "^5.2.10",
"@angular/compiler-cli": "^5.2.10",
"@angular/core": "^5.2.10",
"@angular/forms": "^5.2.10",
"@angular/http": "^5.2.10",
"@angular/platform-browser": "^5.2.10",
"@angular/platform-browser-dynamic": "^5.2.10",
"@angular/platform-server": "^5.2.10",
"@angular/router": "^5.2.10",

2. rxjs导入路径过时 #

你使用的是rxjs 5.5.10，这个版本里Observable的导入规则已经更新：

• 旧的错误导入方式：import { Observable } from 'rxjs/Observable';
• 新的正确导入方式：import { Observable } from 'rxjs';

修复操作：
全局搜索你的项目代码，把所有导入rxjs/Observable的语句替换成rxjs。另外如果用到了rxjs的操作符（比如map、filter），也要改成从rxjs/operators导入，示例：import { map } from 'rxjs/operators';

3. 清理依赖与构建文件 #

完成上述两步后，执行以下操作确保环境干净：

• 删除项目根目录下的node_modules文件夹
• 删除package-lock.json文件（如果用yarn则删除yarn.lock）
• 运行命令 npm install 重新安装所有依赖
• 删除ClientApp/dist文件夹，清理旧的构建产物
• 再次运行 dotnet watch run 启动应用

这样应该就能解决预渲染时找不到rxjs模块的问题了。

内容的提问来源于stack exchange，提问作者mcfred