Display problem when building Anki from source code (Windows 10 with WSL)

Anki Development
1

I’m trying to build Anki to try to develop some features. My laptop runs on Windows 10 but I use WSL as a VM and I try running it on WSL. I have a problem when running “./run” in the teminal wsl : it shows a white window with only a fews buttons, which should not look like that. Here’s the window :

image
image673×594 6.17 KB

In the terminal, I get the following output in response to running “./run”:

    Finished `release` profile [optimized] target(s) in 0.75s
n2: no work to do

Build succeeded in 0.10s.
Starting Anki 25.02...
2025-04-23 16:57:32,251:INFO:aqt.mediasrv: Serving on http://127.0.0.1:40000

DevTools listening on ws://127.0.0.1:8080/devtools/browser/9cffa2ca-0e96-4310-9330-d10734787598
Starting main loop...
Qt warning: Remote debugging server started successfully. Try pointing a Chromium-based browser to http://127.0.0.1:8080
2025-04-23 16:57:32,659:DEBUG:aqt.mediasrv: GET /_anki/legacyPageData
2025-04-23 16:57:33,574:DEBUG:aqt.mediasrv: GET /_anki/legacyPageData
2025-04-23 16:57:33,575:DEBUG:aqt.mediasrv: GET /_anki/legacyPageData
2025-04-23 16:57:33,987:DEBUG:aqt.mediasrv: GET /_anki/css/webview.css
2025-04-23 16:57:33,991:DEBUG:aqt.mediasrv: GET /_anki/css/toolbar.css
2025-04-23 16:57:33,992:DEBUG:aqt.mediasrv: GET /_anki/js/webview.js
2025-04-23 16:57:33,993:DEBUG:aqt.mediasrv: GET /_anki/js/vendor/jquery.min.js
2025-04-23 16:57:33,998:DEBUG:aqt.mediasrv: GET /_anki/js/toolbar.js
2025-04-23 16:57:33,998:DEBUG:aqt.mediasrv: GET /_anki/imgs/refresh.svg
2025-04-23 16:57:34,002:DEBUG:aqt.mediasrv: GET /_anki/css/deckbrowser.css
2025-04-23 16:57:34,003:DEBUG:aqt.mediasrv: GET /_anki/css/toolbar-bottom.css
2025-04-23 16:57:34,013:DEBUG:aqt.mediasrv: GET /_anki/css/toolbar.css
2025-04-23 16:57:34,014:DEBUG:aqt.mediasrv: GET /_anki/css/webview.css
2025-04-23 16:57:34,016:DEBUG:aqt.mediasrv: GET /_anki/js/vendor/jquery-ui.min.js
2025-04-23 16:57:34,020:DEBUG:aqt.mediasrv: GET /_anki/js/deckbrowser.js
2025-04-23 16:57:34,022:DEBUG:aqt.mediasrv: GET /_anki/js/vendor/jquery.min.js
2025-04-23 16:57:34,023:DEBUG:aqt.mediasrv: GET /_anki/js/webview.js
2025-04-23 16:57:34,026:DEBUG:aqt.mediasrv: GET /_anki/css/webview.css
2025-04-23 16:57:34,030:DEBUG:aqt.mediasrv: GET /_anki/imgs/gears.svg
2025-04-23 16:57:34,031:DEBUG:aqt.mediasrv: GET /_anki/js/webview.js
2025-04-23 16:57:34,036:DEBUG:aqt.mediasrv: GET /_anki/js/vendor/jquery.min.js

What should I do to make it work ?

1 Like
2

Try changing the video driver. See Display Issues - Anki Manual

You probably have your reasons for using WSL, but I’d just recommend building Anki on Windows natively. That works better and is what all Windows devs use (as far as I know).

1 Like