没有找到任务运行器配置？

Question

我已经（新安装）的Visual Studio专业2017年（V 15.9.4），一个Visual Studio解决方案与多个项目，一个单一的.sln文件，并package.json在各自的项目文件夹，S中的项目exampleCoorp.API，exampleCoorp.UI等等。前端项目是写在阵营，其他在 C# 中。

当我导航到“视图”>“其他窗口”>“任务运行器资源管理器”（最初由 Mads Kristens 开发，请参阅Marketplace.visualstudio.com）。由于我们还有一个 React 部分，我也安装了扩展NPM Task Runner。

我预计会出现以下内容（来自我遵循其项目设置说明的队友的屏幕截图）：

然而，我的实际结果看起来不同：

我必须了解的错误来自显示的 Visual Studio 面板：

找不到任务运行器配置。

但为什么？更重要的是，我该如何解决？有解决方法吗？

只有一个 google-hit [ developercommunity.visualstudio.com ] 声称（唯一？）原因可能是放错了位置的package.json文件：

这两个问题都是由 Visual Studio 的 NPM 集成不支持位于子文件夹而不是项目根目录中的 package.json 文件这一事实引起的。微软自己官方的Angular项目模板要求package.json放在/ClientApp子文件夹下，这个是不会改的。

这显然不是我的问题。任何帮助提示表示赞赏！

Answer 1

NPM Task Runner 扩展只会找到Visual Studio 项目文件夹包含“package.json”文件的任务。如果此文件位于子文件夹（或父文件夹，即使您认为这是主“项目”文件夹）中，您将不会在 Task Runner Explorer 中看到这些任务。

提问者使用“项目”这个词来表示两个不同的东西。他说他有一个“包含多个子项目的 React 项目”。“Visual Studio 项目”不能有“子项目”，所以我想知道 package.json 文件到底在哪里。[他随后更改了措辞，但我认为这可能是最有可能出现问题的原因。]

如果您在 VS 项目文件夹之一中创建 package.json 文件，您将立即看到 TR Explorer 将该项目添加到其下拉列表中，您可以选择在 TR Explorer 中查看其任务。您不需要重新启动 VS，甚至不需要重新构建。

有一些由 SPA 模板创建的项目，它们将客户端代码放在项目文件夹的子文件夹中。例如，“dotnet new angular”将客户端代码与其 package.json 文件一起放在子文件夹“ClientApp”中。在这种情况下，如果您想从 TR Explorer 访问这些任务，您需要执行以下操作： 在 VS 项目文件夹中创建一个 package.json 文件，该文件将代理您要使用的任务。例如：

{
  "scripts": {
    "serve": "cd ClientApp && npm run serve",
    "build": "cd ClientApp && npm run build"
  },
  "-vs-binding": {
    "BeforeBuild": [
      "build"
    ]
  }
}