Error compiling LVGL example using LVGL UI Editor

Get started
1

Hay guys,

i am trying to follow the tutorial to get the LVGL UI Editor up and running on my Ubuntu LapTop:
https://github.com/lvgl/lvgl_editor

But I am getting an error compiling the project while every step I followed seemed to succeed.
I am getting following error:

Compiling project
⏳ Compiling project: /home/saruman/LVGL_Editor/lvgl_editor/examples
⏳ Building lib LVGL
!sh: 1: cd: can't cd to /work/lib

❌ lib LVGL build failed: Error: ❌ Failed to build lilb LVGL
Build failed: Error: Failed to build liblvgl.a
Failed to build the emscripten module
Failed to setup project: Error: Failed to build the emscripten module

Any ideas?
It has to do something with docker is my guess.

Thanks in advance!

2

I tried the same with my windows os.

Console Ready
Downloading (6%)Compiling project
Downloading (6%)⏳ Compiling project: Desktop//lvgl_editor/examples
❌ lib LVGL build failed: Error: (HTTP code 404) no such container - No such image: lvglio/emscripten-sdl2:0.1.0 
Build failed: Error: Failed to build liblvgl.a
Failed to build the emscripten module
Failed to setup project: Error: Failed to build the emscripten module
Downloading (11%)Extracting (8%)
Downloading (8%)Extracting (8%)
Downloading (8%)Extracting (8%)
Downloading (8%)Extracting (8%)
Downloading (8%)Extracting (8%)
Downloading (8%)Extracting (8%)
Downloading (8%)Extracting (8%)
Downloading (8%)Extracting (8%)
Downloading (8%)Pull complete (8%)
Setting up. Please wait a moment...
Extracting (0%)
Pull complete (0%)
Extracting (0%)
Pull complete (0%)
Extracting (0%)
Pull complete (0%)
Extracting (0%)
Pull complete (0%)
Extracting (0%)
Pull complete (0%)
Extracting (0%)
Pull complete (0%)
Extracting (0%)
Pull complete (0%)
{"status":"Digest: sha256:95abf9c65f20c600f48808a41ff017872bab82ac922461da1b05014"}
{"status":"Status: Downloaded newer image for lvglio/emscripten-sdl2:0.1.0"}
Docker image is ready
Compiling project
⏳ Compiling project: /Desktop//lvgl_editor/examples
⏳ Building lib LVGL
!sh: 1: cd: can't cd to /work/lib

❌ lib LVGL build failed: Error: ❌ Failed to build lilb LVGL
Build failed: Error: Failed to build liblvgl.a
Failed to build the emscripten module
Failed to setup project: Error: Failed to build the emscripten module

Either I am forgetting something or there is something wrong

3

Ok. In the video and the readme it was not clear that you have to “Generate Code” first and then “Compile” now evrything works.

4

It is not Solution !!!
DONT WORK!
It generate new issuise!
Error generating code: EACCES: permission denied, mkdir ‘/home/sv/.config/lvgl-editor/resources/templates’

5

Hi guys. There are new recent releases of the UI Editor with new fixes please take a look here:

You can also post the errors in the Github Issues tab. That would help the Editor developers:

6

Same problem here. Testing demo files everything goes fine until commenting out some parts of the section thereafter :

Failed to build the emscripten module
Failed to setup project: Failed to build the emscripten module

Restoring the commented line doesnt fix the problem. Ive tested with clean user data and removing podman image but still persist. Latest LVGL pro 1.1.0

1 Like
7

Same problem with LVGL Editor Version 1.1.2 on Mac OS.

Checking Podman virtual machine status...
Failed to read file /Volumes/Development/lvglprotest2/preview-bin/lved-runtime.js.
Virtual machine is running
⌛ Compiling project /Volumes/Development/lvglprotest2 for web environment
Project name: lvglprotest2
⛭ Building runtime for Preview
Error: statfs /Volumes/Development/lvglprotest2/preview-bin: no such file or directory
Build failed: Failed when building the Preview runtime
Failed to build the emscripten module
Failed to setup project: Failed to build the emscripten module
Failed to read file /Volumes/Development/lvglprotest2/preview-bin/lved-runtime.js.
8

Hi @TeXniKK , we are looking into this matter with Editor Team.

1 Like
9

@TeXniKK It appears the problem is a filesystem / volume issue with the container. We have had a number of difficulties with Podman on Mac and Windows, which is why for a few months we’ve been testing an alternative.

If you install the Emscripten toolchain on your machine, the Editor can use it directly. (This takes about 1/8 the disk storage required by Podman, FYI.) Would you be willing to try it?

Here is a post detailing how to (soon we will have a blog post explaining this): [Very Serious Bug] Since updating to v1.1.2, it has been failing to build libLVGL · Issue #349 · lvgl/lvgl_editor · GitHub

NOTE: that post references emsdk.ps1 / emsdk.bat, since it was written for Windows. On Mac, it is just emsdk.

10

@mrhubbs thanks, this temporarily workaround worked for me.