Issue encountered in Visual Studio 2015 Update 3 while attempting to open a solution containing Typescript files

This morning, after updating to Visual Studio 2015 Update 3, I encountered a warning message in my main web solution. The warning persisted when opening TypeScript files, causing issues such as the inability to comment or uncomment code using shortcuts or the toolbar, and a lack of IntelliSense functionality.

https://i.sstatic.net/HsV9w.jpg

Upon inspection of the xml file, the following error was documented:

 <entry>
    <record>851</record>
    <time>2016/07/04 11:40:28.893</time>
    <type>Error</type>
    <source>VisualStudio</source>
    <description>LegacySitePackage failed for package [Microsoft.VisualStudio.LanguageServices.TypeScript.TypeScriptPackage, Microsoft.VisualStudio.LanguageServices.TypeScript, Version=14.0.0.0, Culture=neutral]Source: 'Microsoft.VisualStudio.LanguageServices.TypeScript' Description: Field not found: 'Microsoft.CodeAnalysis.Shared.Options.ServiceFeatureOnOffOptions.ClosedFileDiagnostic'. System.MissingFieldException: Field not found: 'Microsoft.CodeAnalysis.Shared.Options.ServiceFeatureOnOffOptions.ClosedFileDiagnostic'.   at Microsoft.VisualStudio.LanguageServices.TypeScript.TypeScriptPackage.Initialize()   at Microsoft.VisualStudio.Shell.Package.Microsoft.VisualStudio.Shell.Interop.IVsPackage.SetSite(IServiceProvider sp)</description>
    <guid>{2FFE45C4-5C73-493C-B187-F2E955FF875E}</guid>
    <hr>80131511</hr>
    <errorinfo></errorinfo>
  </entry>
  <entry>
    <record>852</record>
    <time>2016/07/04 11:40:28.895</time>
    <type>Error</type>
    <source>VisualStudio</source>
    <description>SetSite failed for package [Microsoft.VisualStudio.LanguageServices.TypeScript.TypeScriptPackage, Microsoft.VisualStudio.LanguageServices.TypeScript, Version=14.0.0.0, Culture=neutral](null)</description>
    <guid>{2FFE45C4-5C73-493C-B187-F2E955FF875E}</guid>
    <hr>80131511</hr>
    <errorinfo></errorinfo>
  </entry>
  <entry>

Attempted solutions so far:

  • Repairing Update 3
  • Reinstalling TypeScript and removing older versions (link)
  • Running devenv.exe /updateconfiguration & devenv.exe /clearcache
  • Deleting %localappdata%\Microsoft\VisualStudio\14.0\ComponentModelCache
  • Updating project TypeScript version to 1.8
  • Setting path environment variable of TypeScript to 1.8 instead of 1.0

The current status shows my Visual Studio detecting TypeScript version 1.8.30 installed. https://i.sstatic.net/eX3xB.jpg However, Programs and Features only list version 1.8.6.0 as installed (which is the latest). https://i.sstatic.net/MRh5k.jpg

The last resort seems to be reinstalling Visual Studio altogether.

Any insights or recommendations would be greatly appreciated! Thank you!

typescriptvisual-studio-2015

Answer №1

To resolve the issue, I followed these steps:

  • Utilized the Visual Studio Uninstaller tool provided by Microsoft to completely uninstall Visual Studio.
  • Deleted any remaining TypeScript installations through the Add/Remove Programs feature.
  • Removed the TypeScript SDKs located in C:\Program Files (x86)\Microsoft SDKs\TypeScript.
  • Ran CCleaner to clean up both system files and registry entries.

Hopefully, this solution proves beneficial to someone facing a similar problem!

Answer №2

If you prefer to avoid the last resort option of completely wiping out everything related to VS, here's an alternative solution:

  1. Uninstall any existing TypeScript installations (as usual in Add/Remove Programs)
  2. Install a different version
  3. Attempt to open the problematic application again

If the error persists, repeat step 1 with a different version (either higher or lower)

If the error disappears, it's a WIN for you!

In my case, I had to install version 2.0.2 BETA instead of 2.0.3 - It's unclear why the versions are jumping around like this, but both 1.8.4 and 2.0.3 triggered errors while 2.0.2 did not. Apparently, 2.0.2 is only available in beta.

This is just a temporary fix. There might be some unintended side effects or I could end up needing to do a full re-install later on. But for now, things are working smoothly after just a few minutes of trial and error. If you're open to it, I suggest starting with 2.0.2 beta because it's been effective for me so far, and I can always upgrade to the next version when it's released.

Answer №3

If you encounter this issue following the installation of typescript 2.0.0, my solution was:

  • Uninstall any remaining typescript installations (Through Add/Remove Programs)
  • Delete the TypeScript SDKs located in C:\Program Files (x86)\Microsoft SDKs\TypeScript

After restarting visual studio, the error disappeared completely.

Answer №4

Although this issue has been resolved by others, the solutions provided did not work for me. However, I found a solution that worked for my specific problem;

It seems that during the installation of Visual Studio, you may have missed installing the full version of our update 3 installer (the MSI provided at the following link: ). Instead, you might have inadvertently installed an older version depending on your feed or settings. Subsequently, when Visual Studio auto-updated or you manually updated the extension tools from the gallery, only the extension part was updated, not the full version of our tools. The extension relies on an interfaces assembly that should have been installed during the initial setup of Visual Studio.

I would recommend running the full MSI installer from the provided link to update the interfaces assembly that may have been missed previously.

Source:

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Error involving key mismatch between TypeScript inherited interface and literal string type

There are 3 interfaces (A, B, and C) that all extend from a shared interface (Common). Additionally, there is a container type which holds arrays of these 3 interfaces (Container). The goal is to select one of the arrays and extract a common property from ...

typescripttypescript2.1

Challenges with Typescript Integration in Visual Studio 2013

Currently diving into typescript as a newbie while going through the Angular tutorial using Visual Studio 2013 for work, which is also new to me. The frustrating part is that Visual Studio seems to be assuming I am going to use a different language (judgin ...

angulartypescriptvisual-studio-2013

The debate between using backticks and colons in TypeORM queries

Lately, I've been crafting queries utilizing backticks const firstUser = await connection .getRepository(User) .createQueryBuilder("user") .where(`user.id = '${id}'`) .getOne(); However, in the typeorm documentatio ...

javascriptsqltypescriptbackendtypeorm

The usage of const in TypeScript is related to block-scoped variables

Functionally speaking, options 1) and 2) both yield the same outcome. I believe that the Typescript compiler translates these options into identical Javascript code, or else the Javascript interpreter does so if the Typescript compiler does not perform thi ...

typescript

There is an absence of the deployment template during deployment initialization

What steps can we take to guarantee the existence of a deployment template? I am in the process of deploying my logic app, and so far I have followed these steps: https://i.sstatic.net/UcCso.png https://i.sstatic.net/hPsap.png But where exactly is the ...

.netvisual-studiovisual-studio-2015azure-logic-apps

Firing a function in Angular2 whenever an observable property undergoes a change

Utilizing a workingData service that stores crucial data across my application, it provides an observable to the Mock workingData object. @Injectable() export class WorkingDataService { getWorkingData(): Observable<WorkingData> { return Observ ...

javascriptangulartypescriptobservableangular2-changedetection

TypeScript encounters difficulty in locating the namespace within a Node.js dependency

I am faced with a situation where I have two node.js packages that each contain type declaration files. In package a, there is a namespace declared that I want to reference in package b. Package A index.d.ts declare namespace foo { export interface A ...

node.jstypescripttypescript-typings

Angular 5 experiencing issues with external navigation functionality

Currently, I am attempting to navigate outside of my application. I have experimented with using window.location.href, window.location.replace, among others. However, when I do so, it only appends the href to my domain "localhost:4200/". Is it possible th ...

angulartypescriptdom

Displaying a horizontal scroll bar for legends in ECharts can be achieved by limiting the legend to three lines. If the legend items exceed this limit, they will scroll horizontally to accommodate all items

I am currently utilizing ECharts to display trend data in a line chart format. With 50 different series to showcase, each series comes with its own legend. My objective is to arrange the legends at the top of the chart, while limiting them to a maximum of ...

javascriptangulartypescriptlinechartecharts

Leveraging the power of RXJS and typescript for executing work conditionally between Server and Client Code

I am in need of a function that will assess various conditions to determine if an object is eligible for editing. These conditions may exist on both the server and client sides. Certain conditions should halt further validation and return a value. ...

angulartypescriptdesign-patternsrxjsconditional-statements

Are there any means to automatically generate placeholder methods and properties for constructor dependencies in Angular?

constructor(private a:dependencyA,private b:dependencyB,private c:dependencyC){ } Here is an example of how dependencyA is structured: export class dependencyA { showPopup: boolean; defaultProperties = { showPopup: this.showPopup, }; priva ...

angulartypescriptunit-testingjasminekarma-jasmine

Exploring the TypeScript compiler API to read and make updates to objects is an interesting

I'm delving into the world of the typescript compiler API and it seems like there's something I am overlooking. I am trying to find a way to update a specific object in a .ts file using the compiler API. Current file - some-constant.ts export co ...

javascripttypescriptcompiler-constructiontypescript-compiler-api

It seems like the recent upgrade to yarn 2 has caused issues with typescript types, whereas the installation of the same project with yarn 1 was

Recently, I've been attempting to update a typescript monorepo to utilize yarn 2, but I've encountered an issue where typescript is struggling to recognize certain react props. This functionality was working fine in yarn 1.x, leading me to believ ...

reactjstypescriptmaterial-uiyarnpkgyarnpkg-v2

remove unnecessary parameters from a JavaScript object using curly braces

My query pertains to an object response below result.joblist = { "collection_job_status_list": [ { "application_context": { "application_id": "a4", "context_id": "c4" }, "creation_time": "15699018476102", "pro ...

javascriptarraystypescriptecmascript-6

Sort the array by the elements in a separate array

Here is a filters array with three values: serviceCode1, serviceCode2, and serviceCode3. ['serviceCode1', 'serviceCode2', 'serviceCode3'] I have another array with approximately 78 records that I want to filter based on the a ...

javascriptangulartypescript

What is the process for implementing token authentication within headers using an interceptor, especially when the token may be null?

In my Angular13 application with OAuth authentication, I am encountering issues when trying to add the token for all services. I have been unsuccessful in managing the undefined token. Despite trying various techniques to retrieve the token, I always enco ...

javascriptangulartypescript

Is there a way to define one type parameter directly and another type parameter implicitly?

I am currently utilizing a UI-library that offers an API for constructing tables with a structure similar to this: type Column<Record> = { keys: string | Array<string>; render: (prop: any, record: Record) => React.ReactNode; } The l ...

typescripttypescript-generics

What is the most efficient way to minimize the use of if statements in an Angular component when calling a specific function?

Currently, I am working on an Angular 7 temperature conversion application. Within my formGroup, there are inputs and outputs along with two multi-select dropdowns where users can choose the unit of temperature 'From' and 'To' for conve ...

javascriptangulartypescript

Is the client component not initializing the fetch operation?

On my page, there is a sidebar that displays items by fetching data successfully. However, when I click on one of the sidebar items to pass props to another component for fetching data, it doesn't fetch any data until I manually click the refresh butt ...

typescriptnext.jsfetchreact-querytanstackreact-query

angular2 - Having trouble retrieving data from subject

Why am I unable to successfully initialize and retrieve data from a service using a subject in Angular? HomeComponentComponent.TS export class HomeComponentComponent implements OnInit { public homeSub; constructor( private subService: SubjectServ ...

angulartypescriptrxjs