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 [email protected]: 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 [email protected]: See https://github.com/lydell/source-map-url#deprecated
npm warn deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm warn deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm warn deprecated [email protected]: Rimraf versions prior to v4 are no longer supported
npm warn deprecated [email protected]: Glob versions prior to v9 are no longer supported
npm warn deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm warn deprecated [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm warn deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm warn deprecated [email protected]: 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 [email protected]: 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?

[niyari]

This is a log of cloning the repository and building it according to the instructions.

[niyari]

I ran a minimal build to check for errors.

PS C:\Program Files\dotnet> dotnet.exe build D:\dev\git\repos\DevToys\src\DevToys-Windows.sln --configuration Debug
  Determining projects to restore...
  復元対象のすべてのプロジェクトは最新です。
  ResxHelperGenerator -> D:\dev\git\repos\DevToys\src\generators\ResxHelperGenerator\bin\netstandard2.0\ResxHelperGenerator.dll
  DevToys.Api -> D:\dev\git\repos\DevToys\bin\Debug\AnyCPU\DevToys.Api\net8.0\DevToys.Api.dll
  DevToys.Localization -> D:\dev\git\repos\DevToys\bin\Debug\AnyCPU\DevToys.Localization\net8.0\DevToys.Localization.dll
  DevToys.Core -> D:\dev\git\repos\DevToys\bin\Debug\AnyCPU\DevToys.Core\net8.0\DevToys.Core.dll
  DevToys.Business -> D:\dev\git\repos\DevToys\bin\Debug\AnyCPU\DevToys.Business\net8.0\DevToys.Business.dll
  DevToys.CLI -> D:\dev\git\repos\DevToys\bin\Debug\AnyCPU\DevToys.CLI\net8.0\DevToys.CLI.dll
  Generating CSS and JavaScript...
  [15:12:57] Using gulpfile D:\dev\git\repos\DevToys\src\app\dev\DevToys.Blazor\gulpfile.js
  [15:12:57] Starting 'devtoysJavaScript'...
  The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten
  The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten
  The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten
  The 'this' keyword is equivalent to 'undefined' at the top level of an ES module, and has been rewritten
  (node:21052) [DEP0180] DeprecationWarning: fs.Stats constructor is deprecated.
  (Use `node --trace-deprecation ...` to show where the warning was created)
  end
  [15:12:57] Finished 'devtoysJavaScript' after 197 ms
  [15:12:58] Using gulpfile D:\dev\git\repos\DevToys\src\app\dev\DevToys.Blazor\gulpfile.js
  [15:12:58] Starting 'devtoysSass'...
  [15:12:58] 'devtoysSass' errored after 210 ms
  [15:12:58] RangeError: Maximum call stack size exceeded
      at Stats.set [as ctime] (node:internal/fs/utils:495:18)
      at Stats.set [as ctime] (node:internal/fs/utils:495:18)
      at Stats.set [as ctime] (node:internal/fs/utils:495:18)
      at Stats.set [as ctime] (node:internal/fs/utils:495:18)
      at Stats.set [as ctime] (node:internal/fs/utils:495:18)
      at Stats.set [as ctime] (node:internal/fs/utils:495:18)
      at Stats.set [as ctime] (node:internal/fs/utils:495:18)
      at Stats.set [as ctime] (node:internal/fs/utils:495:18)
      at Stats.set [as ctime] (node:internal/fs/utils:495:18)
      at Stats.set [as ctime] (node:internal/fs/utils:495:18)
D:\dev\git\repos\DevToys\src\app\dev\DevToys.Blazor\DevToys.Blazor.csproj(134,5): error MSB3073: コマンド "node_modules\.bin\gulp devtoysSass" はコード 1 で終了しました。

ビルドに失敗しました。

D:\dev\git\repos\DevToys\src\app\dev\DevToys.Blazor\DevToys.Blazor.csproj(134,5): error MSB3073: コマンド "node_modules\.bin\gulp devtoysSass" はコード 1 で終了しました。
    0 個の警告
    1 エラー

経過時間 00:00:07.07