electron / electron/forge

typescript+webpack template presents a blank app window when debugging in vscode under Windows 10

Open
#2,681 5 comments 10 reactions 0 assignees View on GitHub
plugin/webpack
Dominant language
TypeScript
Stars
7.1k
Forks
641
Avg merge
3d 17m
Merged PRs (30d)
32

Description

### Pre-flight checklist

- [X] I have read the [contribution documentation](https://github.com/electron-userland/electron-forge/blob/master/CONTRIBUTING.md) for this project.
- [X] I agree to follow the [code of conduct](https://github.com/electron/electron/blob/main/CODE_OF_CONDUCT.md) that this project uses.
- [X] I have searched the issue tracker for a bug that matches the one I want to file, without success.

### Electron Forge version

6.0.0-beta.63

### Electron version

v16.0.7

### Operating system

Windows 10

### Last known working Electron Forge version

unknown

### Expected behavior

Electron app starts and renders as it normally would if running '.\node_modules\.bin\electron-forge start' from the command line.

### Actual behavior

Electron app present a blank window.

### Steps to reproduce

1. Create the application using the [typescript+webpack](https://www.electronforge.io/templates/typescript-+-webpack-template) template.
2. Open the application folder using vscode (using vscode version 1.63.2 in this case).
3. Create a debugging launch profile as per [Debugging with VS Code](https://www.electronforge.io/advanced/debugging#debugging-with-vs-code).
4. Launch the debugger through vscode.

### Additional information

After much trial and error, found that removing the [fork-ts-checker-webpack-plugin](https://www.npmjs.com/package/fork-ts-checker-webpack-plugin) plugin resolves the issue. Tried the latest fork-ts-checker-webpack-plugin (6.5.0) and ts-loader (9.2.6) npm packages to no avail.

Have been using it under Linux for a while now and have never had this issue. When I tried building and debugging my actual application, which is originally based off the typescript+webpack template, under Windows 10 I discovered this issue, and troubleshooting led me to pulling it apart and stripping it down.

Unsure whether this is an integration issue with electron-forge/fork-ts-checker-webpack-plugin, or an issue with the fork-ts-checker-webpack-plugin itself.

Would welcome a better workaround than removing fork-ts-checker-webpack-plugin if anyone knows what the actual issue is.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.