角度应用程序在安装软件包时中断

【问题标题】：angular application breaking on installing a package角度应用程序在安装软件包时中断
【发布时间】：2020-11-03 18:26:45
【问题描述】：

我已经克隆了一个现有的 Angular 项目。我做了ng serve 并且应用程序运行良好。我想安装 signalR 包。我已经执行了

npm install @aspnet/signalr –-save

软件包安装成功。但是当我运行ng serve时，项目编译失败并出现错误

ERROR in ./src/app/PackageAdd.component.ts
Module not found: Error: Can't resolve 'json-diff' in 'C:\Users\Web\src\app\components'
ERROR in ./src/app/components/Update.modal.ts
Module not found: Error: Can't resolve 'json-diff' in 'C:\Users\Web\src\app\components'
ERROR in ./src/app/components/CreateEdit.component.ts

所以我想恢复到初始状态并尝试卸载包。我试过了

npm uninstall @aspnet/signalr

然后做了ng serve，但仍然看到相同的错误。我不知道现在该怎么办。如何恢复到应用程序成功编译并运行的初始状态。

【问题讨论】：

标签： angular npm package npm-install signalr-2

【解决方案1】：

这似乎不是 Signalr 的错误。根据您提供的错误，我猜您的项目中使用了一个 json-diff npm 包（请查看 package.json 以获得它）。

如果它不应该存在（检查原始代码），请从 Update.modal.ts 和 CreateEdit.component.ts 文件中删除与 json-diff 相关的代码。

如果它应该在那里，请确保它在 package.json 中列出（否则，安装它）。如果已安装，请删除package-lock.json 文件和node_modules 文件夹，然后再次运行npm install。

如果一切都失败了，而您只想恢复到原始分支代码，请运行 git clean -fd && git reset --hard（警告：这将删除您对分支所做的所有未推送的本地更改以及未推送的新文件由 git 跟踪）。确认package-lock.json和node_modules文件夹在你的项目中被删除，运行npm install

【讨论】：