google chrome - visual - Chrome mostrando un archivo TypeScript en blanco

visual studio code depurar chrome

Question

Estoy configurando un nuevo proyecto de TypeScript en visual studio 2013.

Tengo la opción en mi proyecto VS para generar mapas de origen marcados. Tengo la opción de especificar el directorio raíz para los archivos mecanografiados y especificar el directorio raíz para los archivos sourcemap sin marcar.

Tengo la opción en las herramientas de desarrollo de Chrome para habilitar los mapas de fuente de JS marcados.

En la parte inferior de mi archivo app.js generado veo:

//# sourceMappingURL=app.js.map

Y ese archivo existe.

No veo los mapas de origen que se descargan en el panel de la red, y cuando abro el archivo .ts en el panel de fuentes, solo veo un archivo en blanco.

¿Algunas ideas? ¡Gracias!

Answer 1

Agregue MIME a web.config: O IIS.

Answer 2

Coloca esto en tu web.config para servir los archivos TS:

<configuration>
    ...
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".ts" mimeType="application/x-typescript" />
        </staticContent>
    </system.webServer>
</configuration>

Answer 3

La respuesta de Cordle funcionó para mí, pero también necesitaba eliminar el mapa MIME existente para .ts.

    ...
    <system.webServer>
        <staticContent>
            <remove fileExtension=".ts" />
            <mimeMap fileExtension=".ts" mimeType="application/x-typescript" />
        </staticContent>
    </system.webServer>
</configuration>

El mapa MIME predeterminado para los archivos .ts fue "video / vnd.dlna.mpeg-tts".

Answer 4

Me di cuenta de lo que estaba pasando. Necesitaba agregar un mapa mime para la extensión .ts en IIS o en mi web.config. Así que el navegador estaba solicitando el archivo TypeScript pero no recuperó nada, por lo que se mostró en blanco.

Answer 5

Si funciona en localhost pero se muestra en blanco después de la publicación en cualquier entorno, probablemente se deba a que los archivos .ts no están incluidos.

Para incluir archivos .ts en la publicación de Debug agregue esto en la parte inferior de la web .csproj donde se encuentran los otros <Target Name . Si no .ts archivos .ts en cada publicación, elimine la Condition="''$(Configuration)''==''Debug''" .

<Target Name="AddTsToContent" AfterTargets="CompileTypeScript" Condition="''$(BuildingProject)'' != ''false''">
   <ItemGroup>
      <Content Include="@(TypeScriptCompile)" Condition="''$(Configuration)''==''Debug''"/>
   </ItemGroup>
</Target>

Fuente: ¿Cómo incluir archivos de TypeScript al publicar?

Answer 6

Tuve un problema similar, finalmente me di cuenta de que había enumerado un SourceUrl

//# sourceURL=CommonLib.js

en la parte inferior de mi Ts Script, que hizo que la carpeta del archivo Mapa y Ts sea diferente.