在 Visual Studio 中找不到 npm 包答案

【问题标题】：Can't find npm packages in Visual Studio在 Visual Studio 中找不到 npm 包
【发布时间】：2021-04-12 19:17:10
【问题描述】：

我正在尝试将如下所示的 npm 包“@types/angular”安装到我的 asp mvc 项目中。

https://www.npmjs.com/package/@types/angular

已尝试以下方法，但我的 IDE 似乎找不到 npm 包。

在 Visual Studio 2017 的 package.json 中包含“@types/angular”。VS 显示该包“不可用”。

{
  "version": "1.0.0",
  "name": "asp.net",
  "private": true,
  "dependencies": {
    "@types/angular": ""
  },
  "devDependencies": {
    "jquery": "^3.2.1",
    "angular": "^1.6.4"
  }
}

但如果我从 CLI 执行“npm install --save @types/angular”，它会起作用。安装包并更新 package.json。

我希望在我的 VS 中拥有 CLI 体验，我的 VS 设置中缺少什么？

【问题讨论】：

原来 VS2017 不提供 @types 包的智能感知。我们必须在npmjs.com 上检查所需包的最新版本，然后在 package.json 文件中手动键入。安装仍将开始并正常工作。

标签： visual-studio npm-install typescript-typings

【解决方案1】：

您可以从工具 -> NuGet 包管理器 -> 包管理器控制台在 vs 2015 或更高版本中使用包管理器控制台在控制台中输入您的命令，它将被下载到您的项目中

【讨论】：

试过了，但它试图在根（又名解决方案）文件夹而不是项目文件夹中查找 package.json。我在控制台中选择了目标文件夹。知道如何只安装到项目而不是安装到根文件夹吗？
这个命令正确安装在项目文件夹中，但是出现错误信息不知道为什么！所以我在 GitHub Issue 的模块仓库中打开了一个问题

【解决方案2】：

尝试使用工具 > Node.js 工具 > Node.js 交互窗口

在里面输入 .npm install package_name

【讨论】：

【解决方案3】：

转到 package.json 文件所在的 ClientApp 文件夹。

然后从这个目录打开“windows PowerShell as administrator”。 this picture

编写此代码以运行 npm。

npm start

如果一切顺利，你会得到这样的输出。 “编译成功。”

this output 现在您可以在 Visual Studio 中运行您的项目了。

【讨论】：