SCSS file compiles in Visual Studio 2019 but not in 2022 - sass

I have a number of import statements at the top of the SCSS file in a project I've inherited. Here are the relevant statements:
...
#import "node_modules/bulma/bulma.sass";
...
#import "node_modules/buefy/src/scss/buefy.scss";
...
Using Webcompiler, the SCSS file compiles in Visual Studio 2019. However, when I try to compile it in Visual Studio 2022 I get an error saying it can't find the bulma stylesheet. I tried adding "node_modules" to the includePath in the SASS section of compilerconfig.json.defaults. This seemed to work for the bulma stylesheet but I then got that same error on the buefy stylesheet. The files are definitely present (otherwise it wouldn't compile in VS2019).
Anyone any ideas? Is there a setting in Visual Studio 2022 that I'm missing?
Thanks

the extension webcompiler does not work with visual studio 2022 (not sure if it will be fixed)

Someone ported the extensions to VS2022
Note: I'm not the author of the port, or of the original extensions.

Related

How to setup SDL2/SDL.h in visual studio?

I tried to setup SDL 2 in visual studio following similar instruction to tutorial and the result was that visual studio was recognizing SDL.h but it was not recognizing SDL2/SDL.h and the include folder of sld2 development tools (link) does not have any SDL2/SDL.h file. How to setup SDL2/SDL.h in visual studio ?
Actually SDL2 in SDL2/SDL.h is a folder.It is a folder that keeps SDL.h in the directory the compiler looks #include directives in.Change that include folder name to SDL2.

Using SASS syntax with gulp on visual studio code

I installed SASS on visual studio code, but only works with the scss syntax.
file.scss are not recognized by the VS code ( when I use the classic indented syntax of sass).
Is there something in the gulpfile.js that i have to change?
You'll need an extension that handles .sass files, like
Sass extension from vscode marketplace
They are others as well.

No TypeScript compiler was found at C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.8\tsc.exe

I installed Visual Studio 2015 and TypeScript 1.8.6 for Visual Studio 2015. After creating a new TypeScript project and building, I get this build error:
No compiler was found at C:\Program Files (x86)\Microsoft
SDKs\TypeScript\1.8\tsc.exe
Indeed, tsc.exe is missing in the file system.
Things I've tried:
Uninstall and re-install TypeScript Tools for Visual Studio 2015 1.8.6.0
Uninstall and re-install TypeScript Tools for Visual Studio 2013 1.8.5.0
Repair TypeScript Tools for Visual Studio 2015 1.8.6.0
I HAVE tried turning it off and on again :-)
Any clue on how to solve this? Which component installs the TypeScript SDK?
MSBuild is looking in the wrong place for tsc.exe
It should be looking in 'C:\Program Files (x86)\Microsoft SDKs\TypeScript\ tsc version \tsc.exe'
e.g. C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.8\tsc.exe
The one thing the TypeScript SDK installer wont do, is upgrade your existing projects. So all that reinstalling wont change anything. However, if you want MSBuild to use the newer compiler, you can upgrade your project yourself.
I don't think there is any way to do this through the UI, but it's easy enough to edit the Project file.
It needs to contain this in the first PropertyGroup
<TypeScriptToolsVersion>1.7</TypeScriptToolsVersion>
If you want the build to use v1.8.6, you need to set
<TypeScriptToolsVersion>1.8</TypeScriptToolsVersion>
In your case, I'm betting it's not there at all. So you should just add it.
I'm not experienced with using the TypeScript tools for Microsoft.. what you could do is use Gulp or Grunt tasks to compile TypeScript, this will even allow you to compile the TypeScript files everytime your save your .ts files.
You will need NPM (Node Package Manager) to install Gulp or Grunt and then install the package for compiling TypeScript.
You can find some information about the Grunt TypeScript package here: https://www.npmjs.com/package/grunt-typescript
Or for information about the Gulp TypeScript package, check this: https://www.npmjs.com/package/gulp-typescript
I've read through the comments on this issue on the TypeScript Github repo. Although this is a different issue, I did find a clue: repairing Visual Studio 2015 (through the Control Panel) installed tsc.exe in the correct folder.

Visual Studio 2015 CTP TypeScript Errors on Build

I am getting the following errors when using Visual Studio 2015 CTP and trying to use TypeScript.
1>VSTSC : error TS5015: Build: Unsupported locale: 'en-US'.
1>VSTSC : error TS5023: Build: Unknown option 'noEmitOnError'
I was able to get both errors to go away by setting the following configurations in the csproj file
<TypeScriptToolsVersion>1.4</TypeScriptToolsVersion>
<TypeScriptNoEmitOnError>false</TypeScriptNoEmitOnError>
<TypeScriptBuildConfigurations>--sourcemap --target ES5</TypeScriptBuildConfigurations>
However if I include any DefinitelyTyped typing files such as Angular or jQuery it will throw a bunch of errors. The errors appear to be that it doesn't understand the TypeScript 1.4 syntax for multiple value typings.
Example:
search(search: string, paramValue: string|number|string[]|boolean): ILocationService;
Error: Build: ',' expected
Is this a bug in Visual Studio 2015 CTP or just something messed up in my configuration.
I just had this occur for me when I installed TypeScript 1.8.6 Visual Studio 2015 plugin.
Eventually I fixed it by uninstalling all previous versions of TypeScript (of which I had many) using Add/Remove programs, and then reinstalling TypeScript plugin 1.8.6.
I fixed this problem by re-running the TypeScript 1.4 for Visual Studio 2013 installer, copying the GitHub sources into "C:\Program Files (x86)\Microsoft SDKs\TypeScript" didn't work for me.

VS2015 preview + TypeScript 1.3 = error

I have just installed VS2015 Preview. I created a MVC project. I added a new typescript file. I have tried to compile and I got:
The "TypeScript.Tasks.VsTsc" task could not be loaded from the assembly C:\Program Files (x86)\MSBuild\Microsoft\VisualStudio\v14.0\TypeScript\TypeScript.tasks.dll. Could not load file or assembly 'file:///C:\Program Files (x86)\MSBuild\Microsoft\VisualStudio\v14.0\TypeScript\TypeScript.tasks.dll' or one of its dependencies. The system cannot find the file specified. Confirm that the declaration is correct, that the assembly and all its dependencies are available, and that the task contains a public class that implements Microsoft.Build.Framework.ITask. WebApplication1
I have tried to search for TypeScript.tasks.dll and I only found:
c:\Program Files (x86)\MSBuild\Microsoft\VisualStudio\v12.0\TypeScript\TypeScript.Tasks.dll
and
c:\Program Files (x86)\MSBuild\Microsoft\VisualStudio\v11.0\TypeScript\TypeScript.Tasks.dll
How to make it work?
It helped to install TypeScript 1.3 for Visual Studio 2013 after the installation of the Visual Studio 2015. Strange...
There indeed seems something wrong with the installer for the TypeScript 1.3 powertool, I found that using the repair option in Add/Remove Programs fixed the install in most cases.

Resources