The generated sample Electron app crashes on startup #14804
Description
Bug Description:
Starting a new project based on the yeoman templates and building and running the electron app produces an error and the app does not start. Tracing the error to a generated file in /lib, it seems a non-function object is being called as a function, and removing that line, or the extra () to call the object seemingly fixes the issue.
Steps to Reproduce:
Following the guide at:
https://theia-ide.org/docs/composing_applications/
Prerequisites installed as per:
https://github.com/eclipse-theia/theia/blob/master/doc/Developing.md#prerequisites
NPM version 10.9.2
Yarn version 1.22.22
Yeoman version 5.1.0
- Run
yo theia-extensionin an empty directory. SelectHello Worldas the option to be generated. - Run
yarn build:browserin the directory root, completes successfully. - Run
yarn start:browserin the directory root, the app starts successfully and is accessible on localhost. - Run
yarn build:electronin the directory root, completes successfully. - Run
yarn start:electronin the directory root, this produces the following output:
$ yarn --cwd electron-app start
$ theia start
App threw an error during load
TypeError: __webpack_require__(...) is not a function
at ./src-gen/backend/electron-main.js (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:54:73)
at __webpack_require__ (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:398:42)
at /home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:416:426
at __webpack_require__.O (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:446:23)
at __webpack_require__.x (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:417:54)
at __webpack_require__.x (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:580:20)
at /home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:588:57
at Object.<anonymous> (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:590:12)
at Module._compile (node:internal/modules/cjs/loader:1373:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1432:10)
A JavaScript error occurred in the main process
Uncaught Exception:
TypeError: __webpack_require__(...) is not a function
at ./src-gen/backend/electron-main.js (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:54:73)
at __webpack_require__ (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:398:42)
at /home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:416:426
at __webpack_require__.O (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:446:23)
at __webpack_require__.x (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:417:54)
at __webpack_require__.x (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:580:20)
at /home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:588:57
at Object.<anonymous> (/home/teszes/Projects/Test/electron-app/lib/backend/electron-main.js:590:12)
at Module._compile (node:internal/modules/cjs/loader:1373:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1432:10)
Navigating to ./src-gen/backend/electron-main.js, finding line 54:
__webpack_require__(/*! fix-path */ "../node_modules/fix-path/index.js")();
Can be worked around by commenting the line out like such:
// __webpack_require__(/*! fix-path */ "../node_modules/fix-path/index.js")();
Or removing the final parenthesis:
__webpack_require__(/*! fix-path */ "../node_modules/fix-path/index.js");
They both result in the app starting up normally with no errors and the window appearing.
yarn run v1.22.22
$ yarn --cwd electron-app start
$ theia start
Showing main window early
2025-01-31T15:40:12.685Z root INFO Backend DefaultMessagingService.initialize: 11.0 ms [Finished 0.236 s after backend start]
2025-01-31T15:40:12.686Z root INFO Backend Object.initialize: 10.3 ms [Finished 0.236 s after backend start]
2025-01-31T15:40:12.686Z root INFO Backend LocalizationServerImpl.initialize: 10.2 ms [Finished 0.236 s after backend start]
2025-01-31T15:40:12.689Z root INFO configured all backend app contributions
2025-01-31T15:40:12.689Z root INFO Backend WebsocketEndpoint.onStart: 0.6 ms [Finished 0.240 s after backend start]
2025-01-31T15:40:12.689Z root INFO Configuration directory URI: 'file:///home/teszes/.theia'
2025-01-31T15:40:12.690Z root INFO Theia app listening on http://127.0.0.1:39855.
2025-01-31T15:40:12.691Z root INFO Backend DefaultWorkspaceServer.onStart: 2.4 ms [Finished 0.243 s after backend start]
2025-01-31T15:40:12.692Z root INFO Finished starting backend application: 0.0 ms [Finished 0.243 s after backend start]
2025-01-31T15:40:13.052Z root INFO creating connection for 1
2025-01-31T15:40:13.433Z root WARN A command editor.action.toggleStickyScroll is already registered.
Opening channel for service path '/services/electron-window'.
2025-01-31T15:40:13.461Z root INFO Start frontend contributions: 62.1 ms [Finished 0.759 s after frontend start]
2025-01-31T15:40:13.461Z root INFO Changed application state from 'init' to 'started_contributions'.
2025-01-31T15:40:13.465Z root INFO Changed application state from 'started_contributions' to 'attached_shell'.
2025-01-31T15:40:13.465Z root INFO >>> Restoring the layout state...
2025-01-31T15:40:13.558Z root WARN Linked preference "workbench.colorCustomizations" not found.
2025-01-31T15:40:13.568Z root INFO <<< The layout has been successfully restored.
2025-01-31T15:40:13.569Z root INFO Initialize the workbench layout: 102.6 ms [Finished 0.871 s after frontend start]
2025-01-31T15:40:13.569Z root INFO Changed application state from 'attached_shell' to 'initialized_layout'.
2025-01-31T15:40:14.374Z root INFO Frontend application start: 956.4 ms [Finished 1.926 s after backend start]
2025-01-31T15:40:14.374Z root INFO Replace loading indicator with ready workbench UI (animation): 805.2 ms [Finished 1.677 s after frontend start]
2025-01-31T15:40:14.374Z root INFO Changed application state from 'initialized_layout' to 'ready'.
Additional Information
- Operating System: Fedora 41 kernel 6.12.10-200.fc41.x86_64
- Theia Version: 1.58.0
I am not a seasoned JS dev, my primary dev language has never been JS, and I'm unfamiliar with the ecosystem, so I might be doing something wrong.
Any help is really appreciated!