Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 找不到任务运行程序配置?_Reactjs_Visual Studio_Npm_Webpack - Fatal编程技术网

Reactjs 找不到任务运行程序配置?

Reactjs 找不到任务运行程序配置?,reactjs,visual-studio,npm,webpack,Reactjs,Visual Studio,Npm,Webpack,我刚安装了Visual Studio Professional 2017 V 15.9.4,其中包含多个项目、单个.sln文件和相应项目文件夹中项目的package.jsons,例如exampleCoorp.API、exampleCoorp.UI等。前端项目用React编写,其他项目用C编写 当我导航到查看>其他窗口>最初由Mads Kristens移交的Task Runner Explorer时,请参阅。因为我们还有一个React部分,所以我也安装了扩展 我希望我的团队成员能提供如下截图,我遵

我刚安装了Visual Studio Professional 2017 V 15.9.4,其中包含多个项目、单个.sln文件和相应项目文件夹中项目的package.jsons,例如exampleCoorp.API、exampleCoorp.UI等。前端项目用React编写,其他项目用C编写

当我导航到查看>其他窗口>最初由Mads Kristens移交的Task Runner Explorer时,请参阅。因为我们还有一个React部分,所以我也安装了扩展

我希望我的团队成员能提供如下截图,我遵循了他们的项目设置说明:

但是,对我来说,实际结果看起来不同:

我必须理解的错误来自所显示的Visual Studio面板:

未找到任务运行程序配置

但是为什么呢?更重要的是,我如何修复它?有解决办法吗

只有一个google hit[]声称?原因可能是package.json文件放错了位置:

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


这显然不是我的问题。任何帮助提示都将不胜感激

在我不按特定顺序执行以下步骤后,Task Runner Explorer最终会正常工作:

我将我的两个子项目标记为startup project,其中一个子项目的子文件夹中有一个package.json,它实际上是该子项目的根文件夹

我重新安装了,然后重新启动了Visual Studio

我的同事也建议重新启动机器,但我不确定这是否必要


NPM任务运行程序扩展将仅查找Visual Studio项目文件夹包含package.json文件的任务。如果此文件位于子文件夹或父文件夹中,即使您将其视为主项目文件夹,也不会在任务转发器资源管理器中看到这些任务。 提问者用project这个词来表示两种不同的东西。他说他有一个包含多个子项目的React项目。Visual Studio项目不能有子项目,因此我想知道package.json文件的确切位置。[他随后改变了措辞,但我认为这可能是问题的最可能原因。]

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

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

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

包含package.json文件的文件夹是否也是包含.csproj文件的每个子项目文件夹的根文件夹?如果您询问子文件夹中的所有子项目是否都包含package.json文件?不,这两个启动项目中只有一个有这个文件,但它们都有一个package.config文件。但是package.json最初在哪个文件夹中?如果它位于VS project文件夹中,则不应出现此问题。不管哪一个被标记为启动,很抱歉延迟。UI项目文件夹中只有一个package.json,C中的所有其他项目都有packages.config。父文件夹仅包含.sln文件和所有项目子文件夹。@B-rian当您编辑问题时,删除了您拥有的React项目这一事实。这也可能是相关的,这取决于你如何创建一个VS项目来包含它!我再次将该信息以及NPM任务运行程序也已安装的提示放回原处。如果您不介意的话,您可以编辑您的答案,以便它符合我更新的问题,我在这里纠正了我以前对project的不精确使用。