Question

尝试在Google Chrome中调试TypeScript应用程序时，* .ts文件在检查器中正确映射源，但* .tsx文件看起来完全为空，这并不能帮助我调试它们。< / p>

如何正确获取* .tsx文件来源地图？

Answer 1

我建议您尝试为使用过的Web服务器添加* .tsx文件的MIME类型。

如果您的项目托管在IIS上，请尝试将其添加到您的web.config：

<system.webServer>
  ...
  <staticContent>
    <remove fileExtension=".tsx" />
    <mimeMap fileExtension=".tsx" mimeType="application/javascript" />
  </staticContent>
</system.webServer>

Answer 2

我无法使基于web.config的解决方案在我的.NET Core应用程序中运行。所以，我使用了IApplicationBuilder.UseStaticFiles。由于目的只是使用TypeScript源映射进行开发，因此我只在应用程序处于开发模式时提供文件。

public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
    app.UseStaticFiles();

    if (env.IsDevelopment())
    {
        var options = new StaticFileOptions
        {
            // Replace "Scripts" with the path to your TypeScript folder
            // (this is also a workaround for the fact that we don't keep TypeScript files under wwwroot)
            FileProvider = new PhysicalFileProvider(Path.Combine(Directory.GetCurrentDirectory(), "Scripts")),
            RequestPath = new Microsoft.AspNetCore.Http.PathString("/Scripts"),
            ServeUnknownFileTypes = true
        };
        app.UseStaticFiles(options);
    }
}

Answer 3

尝试了很多事情之后，告诉chrome正确的mimeType确实可以解决问题！

对于 Apache服务器，请将其包含在您的httpd.conf

中

AddType application/javascript .tsx

Answer 4

使用IIS的Windows敌人，转到IIS管理器，打开站点，然后在“ MIME类型”中添加具有“应用程序/ javascript”的.TSX

还要检查.ts（用于某种视频关联），并替换为“ application / javascript”

打字稿：TSX文件在Chrome中显示为空白

4 个答案: