小编Oce*_*rop的帖子

如何使用“Blank Node.js”模板在 Visual Studio 2019 中调试 React 应用程序

我遵循了这篇文章中概述步骤,并成功地从“Blank Node.js Web Application”在 Visual Studio 中创建了一个 React 应用程序。

除了从 VS 调试外,一切正常!

我也在这里关注了这篇微软文章,它准确地描述了我想要做什么!!!- 它会引导您完成“如何使用节点 Web 应用程序模板在 Visual Studio 中设置 React 应用程序”。在那篇文章中,他们显示调试工作正常,但对我不起作用。

我正在使用标准的 npm 命令在 Visual Studio 解决方案目录中创建一个应用程序。我为自己创建了一个批处理文件,它为我完成了繁重的工作。

npx create-react-app ssm-app --typescript
Run Code Online (Sandbox Code Playgroud)

此时,一切正常,我什至可以从 VS 内部与 NPM 包进行交互。

在此处输入图片说明

我什至在 Visual Studio 中安装了NPM Task Runner,它允许您从 package.json 运行命令(例如开始)。

在此处输入图片说明

除了从 Visual Studio 内部调试外,一切正常!

然后我尝试在 VS 中连接“开始调试”按钮以将npm start命令附加到它。

在此处输入图片说明

我通过找到这篇关于如何扩展构建过程的Microsoft 文章来添加。我将以下代码添加到项目文件中,该文件可以为我调用 npm start。

  </ProjectExtensions>
    <Target Name="AfterBuild">
         <Exec Condition="'$(EnableTypeScript)' …
Run Code Online (Sandbox Code Playgroud)

visual-studio node.js reactjs visual-studio-2019

4
推荐指数
1
解决办法
3501
查看次数