在VS2017中调试Aurelia webpack typescript应用程序

时间:2017-04-13 16:55:46

标签: debugging typescript webpack aurelia visual-studio-2017

我做了以下步骤:

  1. 下载Aurelia WebPack 2打字稿骨架。
  2. 通过运行yarn install安装所有节点模块。
  3. 在Visual Studio 2017中打开项目文件夹。
  4. 任务运行器找到package.json,我可以成功启动任务
  5. 现在我不知道如何启动应用程序并告诉Visual Studio 2017进行调试。

    请帮忙。

    更新 这是我在调试菜单中看到的:

    enter image description here

1 个答案:

答案 0 :(得分:0)

将以下突出显示的行和RunWebPack目标添加到我的.csproj文件中:

<PropertyGroup>
  <TargetFramework>netcoreapp1.1</TargetFramework>
  <TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>
  <IsPackable>false</IsPackable>
</PropertyGroup>

<Target Name="RunWebpack" AfterTargets="ComputeFilesToPublish">
<!-- As part of publishing, ensure the JS resources are freshly built in  
production mode -->
  <Exec Command="npm install" />
  <Exec Command="node node_modules/webpack/bin/webpack.js --config 
webpack.config.vendor.js --env.prod" />
  <Exec Command="node node_modules/webpack/bin/webpack.js --env.prod" />

  <!-- Include the newly-built files in the publish output -->
  <ItemGroup>
    <DistFiles Include="wwwroot\dist\**" />
    <ResolvedFileToPublish Include="@(DistFiles->'%(FullPath)')" 
Exclude="@(ResolvedFileToPublish)">
      <RelativePath>%(DistFiles.Identity)</RelativePath>
      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
    </ResolvedFileToPublish>
  </ItemGroup>
</Target>

同时在调试期间打开“模块”窗口,并检查它是否包含有关哪些符号遇到此问题的更详细信息。

还请在&gt;工具 - &gt;选项 - &gt;调试下启用Microsoft符号服务器,再次调试。