Can TS 2.3 and TS 2.4 be used on the same machine simultaneously?
For example, I have one project in VS 2015.3 compiling with TS 2.3 and another project compiling with the latest TypeScript version (TS 2.4).
I recently installed TypeScript 2.4, which automatically uninstalled TypeScript 2.3. Now, I am unable to compile the TS 2.3 project without upgrading it to TS 2.4. However, the TS 2.3 project is only open for critical bugfixes and cannot be upgraded at this time.
If you want to use more than one TS compiler, you can install version 2.3 and then set up 2.4 as the primary compiler without uninstalling any versions. In the directory
C:\Program Files (x86)\Microsoft SDKs\TypeScript2.3 and 2.4). Make copies of both folders and rename them (_2.3 and _2.4) so you can easily switch between them by changing folder names. Visual Studio typically uses the last installed version (e.g. 2.4), but using the 2.3 compiler in the 2.4 folder can work as well. However, switching between drastically different versions like 1.8 and 2.4 may cause problems because older versions might not recognize certain arguments used by Visual Studio.
This is the basic concept of changing TypeScript compilers. You can manually switch between them or create .bat files to automate this process, which you can then set up as post-build scripts for your Visual Studio Project. This way, Visual Studio will automatically "change" TypeScript compiler versions.
Create a file named C:\set-ts-24.bat:
rmdir /S /Q "C:\Program Files (x86)\Microsoft SDKs\TypeScript\2.4"
xcopy /E /Y "C:\Program Files (x86)\Microsoft SDKs\TypeScript\_2.4" "C:\Program Files (x86)\Microsoft SDKs\TypeScript\2.4\"
And another file named C:\set-ts-23.bat:
rmdir /S /Q "C:\Program Files (x86)\Microsoft SDKs\TypeScript\2.4"
xcopy /E /Y "C:\Program Files (x86)\Microsoft SDKs\TypeScript\_2.3" "C:\Program Files (x86)\Microsoft SDKs\TypeScript\2.4\"
Next, add a post-build command in your Visual Studio Project file. Right-click on the Project File (not the Solution) in Solution Explorer and select Unload Project.
After unloading the project, edit the jsproj file by right-clicking on the project file again and selecting Edit yourporjectname.jsproj.
In the XML file that opens, add a PropertyGroup element at the end of the document before the closing tag. Set the PostBuildEvent to the path of either set-ts-24.bat or set-ts-23.bat script.
...
<PropertyGroup>
<PostBuildEvent>"C:\set-ts-24.bat"</PostBuildEvent>
</PropertyGroup>
</Project>
Save the project file, close it, and then right-click on the project and select Reload Project.
I am in the process of transitioning a complex JavaScript application from Backbone/Marionette to TypeScript. While making this shift, I want to explore the benefits of exporting and importing classes using files as modules. Is it necessary to incorporat ...
My goal is to create a functionality where clicking on a button within a specific row opens up a matDialog box displaying all the contents of that row. Below is the HTML snippet: <tr *ngFor="let u of users"> <td data-label="ID& ...
My goal is to determine the generic type of Model for each property. Currently, everything is displaying as unknown[] instead of the desired types outlined in the comments below. playground class Model<T> { x?: T } type ArgumentType<T> = T ...
Is there a way to safely implement the given function in TypeScript without using unsafe casts or an extensive number of function overloads with various input permutations? interface Wrapped<T> { type: string; data: T; } interface WrappedA&l ...
I'm currently setting up an authentication store using Firebase, and I want to direct users to the login/logged page based on their authentication status. My goal is similar to this implementation: https://github.com/dannyconnell/vue-composition-api- ...
I am currently experimenting with Typescript in combination with Webpack, utilizing the 'awesome-typescript-loader' plugin. However, I am encountering an issue where the source maps are not displaying in the browser when running webpack-dev-serve ...
Currently, I am utilizing Angular 6 and have the upload file control on three different screens (three various components). Each of these screens calls the same method UploadFile(). The main issue arises when I need to make any changes to this method, as ...
Here is the data I currently have: const arrayA = [{name:'a', amount: 10, serviceId: '23a', test:'SUCCESS'}, {name:'a', amount: 9, test:'FAIL'}, {name:'b', amount: ...
Having trouble with the .open not working in Bootstrap 4.3 after adding the btn-group class to open the dropdown... I am looking for a way to load the dropdown without using JavaScript from Bootstrap. This is the directive I am trying to use: @Host ...
I need to set a key value, but only if it doesn't already exist. In my component1.ts file, I am assigning the key and value in the constructor. However, I want to include a condition that this action should only be taken if the key is not already pre ...
I developed an angular filter using TypeScript that was functioning properly until I decided to minify the source code. Below is the original filter: module App.Test { export interface IGroupingFilter extends ng.IFilterService { (name:"group ...
Whenever I make a http post request, it keeps returning an error message saying "data does not pass correctly". I have tried passing the data through the body and also attempted using json.stringify(). Additionally, I experimented with setting the content ...
After putting in long hours trying to figure this out on my own, I've finally decided to seek help from the community. Thank you in advance for any assistance! I have a Web Projects Module that utilizes a Webpage Component. Within the Webprojects Mod ...
Currently, I am working on a contact form that includes checkboxes for users to select multiple options, with the requirement of selecting at least one box. My challenge lies in figuring out how to pass all the selected checkboxes' data to an API usin ...
This is really puzzling me! I'm working on a nestjs project that uses typeorm, and the structure looks like this: + src + dal + entities login.entity.ts password.entity.ts + repositories ...
Currently, I am in the process of transitioning a C# desktop application to an Angular/TypeScript web application. In the C# application, all class properties are named using PascalCase. Therefore, I decided to maintain this naming convention in the TypeS ...
There is a common approach to declaring a Static Variable or Function within a Class, demonstrated here: class SomeClass(){ static foo = 1; static fooBar(){ return ++SomeClass.foo; } } However, is it possible to declare a Static Local Variable ...
Using the Zod validation library with TypeScript has been a great experience for me so far. I am currently exploring the best pattern to extend Zod Schema with class-like functionality, starting with a Vector3 schema like this: const Vector3Schema = z.obj ...
I need assistance with converting a string to float in Angular. Whenever I use parseFloat, it seems to remove the zeros from the decimal values. How can I ensure that these zeros are retained with the numerical values? The example below should provide more ...
I'm having trouble understanding this error message. What steps can I take to resolve it? Although I have included three-xr in my react app, I am encountering the following error: Failed to compile. ../../node_modules/@react-three/xr/src/DefaultXRCon ...