Функція «Компіляція при збереженні» TypeScript не працює у Visual Studio 2015

Функція "Компілювати при збереженні" не працює для мене після оновлення до Visual Studio 2015. Коли я вношу зміни у .tsфайл у своєму проекті та зберігаю, у рядку стану внизу IDE відображається Output(s) generated successfully, але сформований .jsфайл не працює не змінюється.

Ось що я спробував:

• додавши наступне до кореневого <Project>елемента в моєму .csproj:

  <PropertyGroup>
      <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
  </PropertyGroup>
  

• перевірка та зняття прапорця "Автоматично компілювати файли TypeScript, які не є частиною проекту" у Tools -> Options -> TypeScript -> Project:

  

• подвійна перевірка, щоб переконатися, що "Скомпілювати при збереженні", позначено у властивостях збірки TypeScript мого проекту:

  

Чого мені не вистачає?

Як додаткове зауваження, крок компіляції TypeScript працює належним чином, коли його ініціює звичайна збірка.

Для мене це був такий варіант у tsconfig.json:

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

Перезапустіть Visual Studio, щоб ця зміна набрала чинності.

Сьогодні я натрапив на цю проблему: я виправив це за допомогою нової "watch":trueопції компілятора, яка також доступна через JSON в останніх версіях TypeScript:

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

Після цього мені довелося вирішити ще одну проблему, пов’язану з наступною помилкою, яка з’явилася у вікні виводу:

Object doesn't support property or method 'watchFile'

Виявилося, що в моїй системі використовується застаріла версія TypeScript (1.0.x), незважаючи на те, що я був впевнений, що у мене є новіша версія, яка постачається з Visual Studio 2015 Update 1 (1.7). Якщо ви зіткнулися з цією проблемою, ви можете легко перевірити версію tsc, набравши tsc -vв командному рядку.

Якщо там написано 1.0.xабо щось <1.7, це, мабуть, пов’язано з тим, що у вашій змінній середовища PATH є кілька старих посилань. Переконайтеся, що ви встановили 1.7 або пізнішу версію, перевіривши всередині папки Microsoft SDK, яка використовується Visual Studio для встановлення пакетів TypeScript при їх оновленні:

C:\Program Files (x86)\Microsoft SDKs\TypeScript

Якщо ні, оновіть відповідно. Відкрийте CPanel > Система > Додатково > Змінні середовища , виберіть Змінні системи та натисніть Редагувати ; перегляньте список, шукаючи посилання на папку TypeScript, змініть одне з них, щоб воно вказувало на найновішу встановлену версію TypeScript ( 1.7або вище), і видаліть будь-які інші дурні. Дивіться також знімок екрана нижче:

Для отримання додаткової інформації прочитайте цю публікацію в моєму блозі.

Рішення:

Для мене, і я впевнений, що це стосується і інших, це сталося через помилку в tsconfig.json.

Вам потрібно додати "compileOnSave": true. Але в глобальному розділі не всередині компілятораOptions.

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"
  ]
}

З найкращими побажаннями,

Андерс Обидва Basechat.

Здається, ця проблема була вирішена за допомогою останнього оновлення TypeScript Language Servicesрозширення.

Інструкції щодо застосування цього оновлення див. У цій відповіді .

У моєму випадку я встановив Visual Studio Community 2015 поряд з VS 2012. Я використовував Web Essentials для машинопису в 2012 році, який, здавалося, суперечив 2015 році.

Видалення Web Essentials у 2012 році вирішило проблему для мене.

За допомогою машинопису 2 вам потрібно видалити "outDir": з вашого tsconfig. Виправте помилку для мене у візуальній студії.

У властивостях проекту -> «Збірка TypeScript» ви також можете просто зняти прапорець «Не видавати вихідні дані, якщо повідомляється про помилки». Якщо його перевірити, здається, дезактивує транпіляцію при збереженні, де є помилка чи ні.

Це "compileOnSave": true,не працювало для мене. Нарешті я з’ясував, що Visual Studio не виконує "compileOnSave": true,значення, якщо воно визначене в іншому .jsonфайлі, який ви розширюєте. Він повинен бути в корені, щоб він міг працювати.

знайдіть файл, тобто C: \ file.ts у вашому terminal/cmdі введіть

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

Перевірте, чи встановлено версію TypeScript, яка налаштована у проекті. Якось я не отримав жодного попередження про те, що у мене не встановлений TypeScript 3.7, але функція компіляції при збереженні перестала працювати безшумно.

Після встановлення TypeScript 3.7 він знову працював.

Точно така ж проблема тут. Я використовую Visual Studio 2015 оновлення 3 та TypeScript 2.9.2.0. В інструментах / варіантах / проектах та рішеннях / зовнішніх веб-інструментах я перевів $ (PATH) на другу позицію. З усіма цими конфігураціями compileOnSave: true для мене не працює. Рішення для вирішення проблеми - відкрити командний рядок, запустити ng build --watchзбоку і дозволити вузлу подбати про автоматичну компіляцію

Не впевнений, чи це комусь допоможе.

У мене хоч і виникали проблеми з компіляцією, але це було компіляція на збереження. У мене просто не було перемикання панелі інструментів для пошуку рішень для показу всіх файлів.

Файл був там, просто нетерпляче чекав, коли його додадуть до проекту.

У мене була подібна, але не та сама проблема у Visual Studio 2019

• У моєму проекті було використано TypeScript 2.9
• У мене був встановлений TypeScript 3.8, і код справді скомпілювався, але не збирався компілювати при збереженні

Я встановив стару версію TypeScript 2.9, перезапустив VS, а потім вона спалахнула