search

codesbiome / electron-react-webpack-typescript-2024

Electron React Webpack Typescript Boilerplate with Custom Window and Titlebar Menus.
MIT License
347 stars 78 forks source link

New project files before a single line of code has been added. #71

Closed kaisadilla closed 3 months ago

kaisadilla commented 3 months ago

Installed the boilerplate following the guide:

> git clone https://github.com/codesbiome/electron-react-webpack-typescript-2024 my-project-name

> npm install

> npm start

Got the following error:

✖ [plugin-webpack] Launching dev servers for renderer process code                                                                                                                                             
  › Compilation errors in the preload: group_0:                                                                                                                                                                
    asset app_window/preload.js 1.24 MiB [emitted] (name: app_window)                                                                                                                                          
    runtime modules 28.4 KiB 14 modules                                                                                                                                                                        
    modules by path ./node_modules/core-js-pure/ 128…                                                                                                                                                          

An unhandled rejection has occurred inside Forge:
Error: Compilation errors in the preload: group_0:
  asset app_window/preload.js 1.24 MiB [emitted] (name: app_window)
  runtime modules 28.4 KiB 14 modules
  modules by path ./node_modules/core-js-pure/ 128 KiB 126 modules
  modules by path ./node_modules/@pmmmwh/react-refresh-webpack-plugin/ 53.3 KiB 23 modules
  modules by path ./node_modules/webpack-dev-server/client/ 71.8 KiB 16 modules
  modules by path ./node_modules/webpack/hot/*.js 5.18 KiB 4 modules
  modules by path ./node_modules/html-entities/lib/*.js 78.9 KiB
    ./node_modules/html-entities/lib/index.js 4.84 KiB [built] [code generated]
    + 3 modules
  modules by path ./src/ 5.77 KiB
    ./src/renderer/appPreload.tsx 2 KiB [built] [code generated]
    + 2 modules
  modules by path ./node_modules/react-refresh/ 20.2 KiB
    ./node_modules/react-refresh/runtime.js 222 bytes [built] [code generated]
    ./node_modules/react-refresh/cjs/react-refresh-runtime.development.js 19.9 KiB [built] [code generated]
  + 5 modules

  ERROR in webpack/runtime/compat
  The installed version of @vercel/webpack-asset-relocator-loader does not appear to be compatible with Forge
  Error: The installed version of @vercel/webpack-asset-relocator-loader does not appear to be compatible with Forge
      at tapInfo.fn (E:\repos\splatform-editor\node_modules\@electron-forge\plugin-webpack\dist\util\AssetRelocatorPatch.js:36:39)
      at Hook.eval [as call] (eval at create (E:\repos\splatform-editor\node_modules\tapable\lib\HookCodeFactory.js:19:10), <anonymous>:9:16)
      at CompatRuntimeModule.generate (E:\repos\splatform-editor\node_modules\webpack\lib\runtime\CompatRuntimeModule.js:46:66)
      at CompatRuntimeModule.getGeneratedCode (E:\repos\splatform-editor\node_modules\webpack\lib\RuntimeModule.js:184:44)
      at CompatRuntimeModule.codeGeneration (E:\repos\splatform-editor\node_modules\webpack\lib\RuntimeModule.js:139:30)
      at E:\repos\splatform-editor\node_modules\webpack\lib\Compilation.js:3463:22
      at E:\repos\splatform-editor\node_modules\webpack\lib\Cache.js:97:34
      at Array.<anonymous> (E:\repos\splatform-editor\node_modules\webpack\lib\cache\MemoryCachePlugin.js:45:13)
      at E:\repos\splatform-editor\node_modules\webpack\lib\Cache.js:97:19
      at Hook.eval [as callAsync] (eval at create (E:\repos\splatform-editor\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:19:1)
      at Cache.get (E:\repos\splatform-editor\node_modules\webpack\lib\Cache.js:81:18)
      at ItemCacheFacade.get (E:\repos\splatform-editor\node_modules\webpack\lib\CacheFacade.js:115:15)
      at Compilation._codeGenerationModule (E:\repos\splatform-editor\node_modules\webpack\lib\Compilation.js:3456:9)
      at E:\repos\splatform-editor\node_modules\webpack\lib\Compilation.js:3361:11
      at arrayIterator (E:\repos\splatform-editor\node_modules\neo-async\async.js:3467:9)
      at timesSync (E:\repos\splatform-editor\node_modules\neo-async\async.js:2297:7)

  group_0 (webpack 5.91.0) compiled with 1 error in 1947 ms

group_0:
  asset app_window/index.js 4.31 MiB [emitted] (name: app_window)
  asset assets/c617fbcf9f2482dea988.png 8.14 KiB [emitted] [immutable] [from: assets/icons/electron.png] (auxiliary name: app_window)
  asset app_window/index.html 219 bytes [emitted]
  runtime modules 28.6 KiB 16 modules
  modules by path ./node_modules/ 1.47 MiB 195 modules
  modules by path ./src/ 71.1 KiB
    modules by path ./src/renderer/ 65.3 KiB 11 modules
    modules by path ./src/main/window/*.ts 5.82 KiB
      ./src/main/window/titlebarMenus.ts 4.39 KiB [built] [code generated]
      ./src/main/window/titlebarContextApi.ts 1.43 KiB [built] [code generated]
  asset modules 23.5 KiB (javascript) 8.14 KiB (asset)
    ./assets/images/logo.png 4.53 KiB [built] [code generated]
    ./assets/icons/chrome.png 1.78 KiB [built] [code generated]
    ./assets/icons/react.png 2.06 KiB [built] [code generated]
    ./assets/icons/typescript.png 3.49 KiB [built] [code generated]
    ./assets/icons/erwt.png 4.53 KiB [built] [code generated]
    ./assets/icons/electron.png 42 bytes (javascript) 8.14 KiB (asset) [built] [code generated]
    + 3 modules

  ERROR in webpack/runtime/compat
  The installed version of @vercel/webpack-asset-relocator-loader does not appear to be compatible with Forge
  Error: The installed version of @vercel/webpack-asset-relocator-loader does not appear to be compatible with Forge
      at tapInfo.fn (E:\repos\splatform-editor\node_modules\@electron-forge\plugin-webpack\dist\util\AssetRelocatorPatch.js:36:39)
      at Hook.eval [as call] (eval at create (E:\repos\splatform-editor\node_modules\tapable\lib\HookCodeFactory.js:19:10), <anonymous>:9:16)
      at CompatRuntimeModule.generate (E:\repos\splatform-editor\node_modules\webpack\lib\runtime\CompatRuntimeModule.js:46:66)
      at CompatRuntimeModule.getGeneratedCode (E:\repos\splatform-editor\node_modules\webpack\lib\RuntimeModule.js:184:44)
      at CompatRuntimeModule.codeGeneration (E:\repos\splatform-editor\node_modules\webpack\lib\RuntimeModule.js:139:30)
      at E:\repos\splatform-editor\node_modules\webpack\lib\Compilation.js:3463:22
      at E:\repos\splatform-editor\node_modules\webpack\lib\Cache.js:97:34
      at Array.<anonymous> (E:\repos\splatform-editor\node_modules\webpack\lib\cache\MemoryCachePlugin.js:45:13)
      at E:\repos\splatform-editor\node_modules\webpack\lib\Cache.js:97:19
      at Hook.eval [as callAsync] (eval at create (E:\repos\splatform-editor\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:19:1)
      at Cache.get (E:\repos\splatform-editor\node_modules\webpack\lib\Cache.js:81:18)
      at ItemCacheFacade.get (E:\repos\splatform-editor\node_modules\webpack\lib\CacheFacade.js:115:15)
      at Compilation._codeGenerationModule (E:\repos\splatform-editor\node_modules\webpack\lib\Compilation.js:3456:9)
      at E:\repos\splatform-editor\node_modules\webpack\lib\Compilation.js:3361:11
      at arrayIterator (E:\repos\splatform-editor\node_modules\neo-async\async.js:3467:9)
      at timesSync (E:\repos\splatform-editor\node_modules\neo-async\async.js:2297:7)

  group_0 (webpack 5.91.0) compiled with 1 error in 1924 ms
at E:\repos\splatform-editor\node_modules\@electron-forge\plugin-webpack\dist\WebpackPlugin.js:220:43
    at Hook.eval [as call] (eval at create (E:\repos\splatform-editor\node_modules\tapable\lib\HookCodeFactory.js:19:10), <anonymous>:7:1)
    at Hook.CALL_DELEGATE [as _call] (E:\repos\splatform-editor\node_modules\tapable\lib\Hook.js:14:14)
    at E:\repos\splatform-editor\node_modules\webpack\lib\MultiCompiler.js:100:22
    at Hook.eval [as callAsync] (eval at create (E:\repos\splatform-editor\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:29:1)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (E:\repos\splatform-editor\node_modules\tapable\lib\Hook.js:18:14)
    at Watching._done (E:\repos\splatform-editor\node_modules\webpack\lib\Watching.js:309:28)
    at E:\repos\splatform-editor\node_modules\webpack\lib\Watching.js:224:21
    at Compiler.emitRecords (E:\repos\splatform-editor\node_modules\webpack\lib\Compiler.js:1028:5)
    at E:\repos\splatform-editor\node_modules\webpack\lib\Watching.js:200:22
    at E:\repos\splatform-editor\node_modules\webpack\lib\Compiler.js:990:14
    at Hook.eval [as callAsync] (eval at create (E:\repos\splatform-editor\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (E:\repos\splatform-editor\node_modules\tapable\lib\Hook.js:18:14)
    at E:\repos\splatform-editor\node_modules\webpack\lib\Compiler.js:987:27
    at E:\repos\splatform-editor\node_modules\neo-async\async.js:2818:7
    at done (E:\repos\splatform-editor\node_modules\neo-async\async.js:3522:9)

Thanks for reading this, I'm not sure if there's something obvious I'm missing, or if this repo is broken right now, so any answer is appreciated.

codesbiome commented 3 months ago

Hello @kaisadilla, it seems to be working fine when tried the latest version using git clone here.

Based on the logs you've provided, it appears there might be an issue with the version of the @vercel/webpack-asset-relocator-loader package. Could you also try re-cloning the repository and reinstalling dependencies using "yarn" or "pnpm"?