TypeScript funkcja "Kompiluj przy zapisie" nie działa w Visual Studio 2015

Dla mnie była to opcja w tsconfig.json:

"compileOnSave": true,
"compilerOptions": { ... },

Uruchom ponownie Visual Studio, aby zmiana weszła w życie.

Natknąłem się dziś na ten problem: naprawiłem go używając nowej opcji kompilatora "watch":true, dostępnej również przez JSON w najnowszych wersjach maszynopisu:

{
  "compilerOptions": {
    "watch": true
  }
}

Po tym, musiałem rozwiązać kolejny problem związany z następującym błędem, który pojawił się w oknie wyjściowym:

Object doesn't support property or method 'watchFile'

Okazało się, że mój system używa przestarzałej wersji TypeScript (1.0.x), mimo że byłem pewien, że mam nowszą wersję, która pojawiła się wraz z aktualizacją Visual Studio 2015 1 (1.7). Jeśli napotkasz ten problem, możesz łatwo sprawdzić wersję tsc, wpisując tsc -v z wiersza polecenia.

Jeśli jest napisane 1.0.x lub cokolwiek innego C:\Program Files (x86)\Microsoft SDKs\TypeScript

Jeśli nie, zaktualizuj odpowiednio. Otwórz CPanel > System > zaawansowane > zmienne środowiskowe , wybierz Zmienne systemowe i kliknij Edytuj ; Przeglądaj listę szukając jakiegokolwiek odniesienia do folderu maszynopisu, Zmień jedną z nich, aby wskazywała na najnowszą zainstalowaną wersję maszynopisu (1.7 lub powyżej) i usuń inne duperele. Zobacz także zrzut ekranu poniżej:

Aby uzyskać dodatkowe informacje, przeczytaj to post .

Rozwiązanie:

Dla mnie i jestem całkiem pewien, że tak jest również w przypadku innych, było to spowodowane błędem w tsconfig.json.

Musisz dodać "compileOnSave": true. Ale w globalnej sekcji nie wewnątrz compilerOptions.

Wrong:
{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5",
    "compileOnSave": true

  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

Correct:
{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5"

  },
"compileOnSave": true,
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

Pozdrawiam,

W moim przypadku zainstalowałem Visual Studio Community 2015 wraz z side VS 2012. Używałem Web Essentials dla maszynopisu w 2012 roku, co wydawało się sprzeczne z 2015.

Odinstalowanie Web Essentials w 2012 naprawiło problem dla mnie.

Z typescript 2 musisz usunąć "outDir": z twojego tsconfig. Napraw mi błąd w visual studio.

W properties projektu - > "TypeScript Build", możesz również po prostu odznaczyć opcję " Nie emituj wyjść, jeśli zostaną zgłoszone błędy."Po sprawdzeniu wydaje się dezaktywować transpilowanie przy zapisie, w przypadku wystąpienia błędu lub nie.

"compileOnSave": true, nie działało na mnie. W końcu odkryłem, że Visual Studio nie honoruje wartości "compileOnSave": true,, jeśli jest zdefiniowana w innym pliku .json, który rozszerzasz. Musi być w korzeniu, żeby zadziałało.

Zlokalizuj plik tzn. C:\file.ts w Twoim terminal/cmd i wpisz

tsc file.ts -w // watches for file changes and converts on save

Dokładnie ten sam problem. Używam Visual Studio 2015 update 3 i TypeScript 2.9.2.0. W tools / options / projects and solutions / external web tools uaktualniłem $(PATH) na drugą pozycję. Przy tych wszystkich konfiguracjach, compileOnSave: true nie działa dla mnie. Rozwiązanie obejścia problemu polega na otwarciu linii poleceń, uruchomieniu ng build --watch z boku i pozwól node zająć się automatyczną kompilacją