Chrome показывает пустой файл TypeScript

Я создаю новый проект TypeScript в visual studio 2013.

У меня есть опция в моем проекте VS для проверки исходных карт. У меня есть возможность указать корневой каталог для файлов TypeScript и указать файл корневого каталога для файлов исходных файлов без проверки.

У меня есть опция в инструментах Chrome Dev, чтобы включить проверенные исходные коды JS.

Внизу моего сгенерированного файла app.js я вижу:

//# sourceMappingURL=app.js.map

И этот файл существует.

Я не вижу, как загружаются исходные карты в сетевой панели, и когда я открываю файл .ts в панели источников, я просто вижу пустой файл.

Любые идеи? Спасибо!

Ответ 1

Поместите это в свой web.config для обслуживания файлов TS:

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

Ответ 2

Ответ Cordle работал у меня, но мне также нужно было удалить существующую MIME-карту для .ts.

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

Карта MIME по умолчанию для файлов .ts была "video/vnd.dlna.mpeg-tts".

Ответ 3

Я понял, что происходит. Мне нужно было добавить карту mime для расширения .ts в IIS или в моем web.config. Поэтому браузер запрашивал файл TypeScript, но ничего не получал, поэтому он выглядел пустым.

Ответ 4

У меня была аналогичная проблема, в конце концов выяснилось, что я перечислил SourceUrl

//# sourceURL=CommonLib.js

в нижней части моего Ts Script, что привело к тому, что папка Map и Ts была другой.

Ответ 5

Добавить MIME в web.config: ИЛИ IIS.

Ответ 6

Если он работает на localhost но показывает пустым после публикации в любой среде, это, вероятно, связано с тем, что .ts -files не включены.

Чтобы включить .ts -files в публикацию Debug добавьте это внизу веб-сайта .csproj где .csproj другие <Target Name. Если вы не хотите .ts -files при каждой публикации, удалите Condition="'$(Configuration)'=='Debug'".

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

Источник: Как включить файлы TypeScript при публикации?