Build Failure (DevToys.Blazor)

[niyari]

Current behavior

Currently attempting to build and run the DevToys.Windows project in VS 2022 but getting the following error when attempting to build:

Severity	Code	Description	Project	File	Line	Suppression State	Details
Error	MSB4057	The target "CompileTypeScript" does not exist in the project.	DevToys.Blazor	C:\Program Files\Microsoft 
Visual Studio\2022\Community\MSBuild\Current\Bin\amd64\Microsoft.Common.CurrentVersion.targets	1182		

How to reproduce it (as minimally and precisely as possible)

No response

Expected behavior

Builds correctly

Screenshots

Workaround

No response

Affected platforms

Windows

Affected DevToys kind

DevToys (app with GUI)

DevToys Version

79c33ce

Relevant Assets/Logs

No response

[johnsonlu]

I have the same issue, and follows the instructions on https://github.com/DevToys-app/DevToys/blob/main/CONTRIBUTING.md#finalize-your-environment, now I can build the solution successfully.

[niyari]

It may be a Node v22.0.0 specific issue. (sass transpile failed.)

[btiteux]

Hi, is the problem persisting for you?

This problem doesn’t seem to be related to the Node version. I’ve replicated it even with a fresh installation of Node 20 (LTS).

I've created this branch bugfix 1170.

Could you verify if it resolves the issue you’re facing?

[niyari]

At the same time, I decided that some modules needed to be updated to the latest version.

log ba09acf
Terminal

Installing node modules
Installing node modules for DevToys.Blazor.csproj...
npm warn idealTree Removing dependencies.devtoys in favor of devDependencies.devtoys
npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm warn deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm warn deprecated source-map-resolve@0.6.0: See https://github.com/lydell/source-map-resolve#deprecated
npm warn deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm warn deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported
npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm warn deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm warn deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm warn deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm warn deprecated consolidate@0.14.5: Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog
npm warn deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead

added 727 packages, and audited 729 packages in 21s

VS2022

Severity	Code	Description	Project	File	Line	Suppression State	Details
Error	MSB3073	The command "node_modules\.bin\gulp devtoysSass" exited with code 1.	DevToys.Blazor	D:\dev\git\repos\DevToys\src\app\dev\DevToys.Blazor\DevToys.Blazor.csproj	135		

[btiteux]

Is it working without updating npm packages?