eror unknow control

[bobwatcherx]

i have problem , i see docs .clone this repo and i use linux why error like this

my pubspec.yaml

dependencies:
  flet_spinkit:
    path: /home/boo/mainan/fletappds/extend-flet-example/flutter/flet_spinkit

pwd

root@boo-HP-Convertible-x360-11-ab1XX:/home/boo/mainan/fletappds/extend-flet-example# pwd
/home/boo/mainan/fletappds/extend-flet-example

how to solve this , thx

[InesaFitsner]

Could you please provide detailed log?

https://flet.dev/docs/publish#verbose-logging

[bobwatcherx]

logs
flet run . can this run in develpment mode

root@boo-HP-Convertible-x360-11-ab1XX:/home/boo/mainan/fletappds/extend-flet-example# flet python/flet_spinkit_app/main.py 
DEBUG:asyncio:Using selector: EpollSelector
INFO:flet_runtime:Assets path configured: /home/boo/mainan/fletappds/extend-flet-example/python/flet_spinkit_app/assets
DEBUG:flet_core:Creating new PubSubHub instance
DEBUG:flet_core:Creating new PubSubHub instance
INFO:flet_runtime:Starting up UDS server on /tmp/v3jUreuLPa
INFO:flet_runtime:Flet app has started...
package:media_kit_libs_linux registered.
DEBUG:flet_runtime:Connected new TCP client
DEBUG:flet_runtime:_on_message: {"action":"registerWebClient","payload":{"pageName":"tmp/v3jUreuLPa","pageRoute":"/","pageWidth":"1360.0","pageHeight":"227.0","windowWidth":"1360.0","windowHeight":"227.0","windowTop":"266.0","windowLeft":"0.0","isPWA":"false","isWeb":"false","isDebug":"false","platform":"linux","platformBrightness":"light","media":"{\"padding\":{\"top\":0.0,\"right\":0.0,\"bottom\":0.0,\"left\":0.0},\"view_padding\":{\"top\":0.0,\"right\":0.0,\"bottom\":0.0,\"left\":0.0},\"view_insets\":{\"top\":0.0,\"right\":0.0,\"bottom\":0.0,\"left\":0.0}}","sessionId":""}}
DEBUG:flet_runtime:__send: {"action":"registerWebClient","payload":{"session":{"id":"","controls":{"page":{"i":"page","t":"page","p":"","c":[],"route":"/","width":"1360.0","height":"227.0","windowwidth":"1360.0","windowheight":"227.0","windowtop":"266.0","windowleft":"0.0","pwa":"false","web":"false","debug":"false","platform":"linux","platformBrightness":"light","media":"{\"padding\":{\"top\":0.0,\"right\":0.0,\"bottom\":0.0,\"left\":0.0},\"view_padding\":{\"top\":0.0,\"right\":0.0,\"bottom\":0.0,\"left\":0.0},\"view_insets\":{\"top\":0.0,\"right\":0.0,\"bottom\":0.0,\"left\":0.0}}"}}},"error":"","appInactive":false}}
DEBUG:flet_core:_process_command: get ['page', 'route'] {}
DEBUG:flet_core:_process_command: get ['page', 'pwa'] {}
DEBUG:flet_core:_process_command: get ['page', 'web'] {}
DEBUG:flet_core:_process_command: get ['page', 'debug'] {}
DEBUG:flet_core:_process_command: get ['page', 'platform'] {}
DEBUG:flet_core:_process_command: get ['page', 'platformBrightness'] {}
DEBUG:flet_core:_process_command: get ['page', 'media'] {}
DEBUG:flet_core:_process_command: get ['page', 'width'] {}
DEBUG:flet_core:_process_command: get ['page', 'height'] {}
DEBUG:flet_core:_process_command: get ['page', 'windowWidth'] {}
DEBUG:flet_core:_process_command: get ['page', 'windowHeight'] {}
DEBUG:flet_core:_process_command: get ['page', 'windowTop'] {}
DEBUG:flet_core:_process_command: get ['page', 'windowLeft'] {}
DEBUG:flet_core:_process_command: get ['page', 'clientIP'] {}
DEBUG:flet_core:_process_command: get ['page', 'clientUserAgent'] {}
INFO:flet_runtime:App session started
DEBUG:flet_core:_process_command: add [] {'to': 'page', 'at': '0'}
DEBUG:flet_core:_process_command: add [] {'to': 'page', 'at': '1'}
DEBUG:flet_runtime:__send: {"action":"pageControlsBatch","payload":[{"action":"addPageControls","payload":{"controls":[{"t":"view","i":"_1","p":"page","c":["_2"],"at":"0","horizontalalignment":"center","verticalalignment":"center"},{"t":"stack","i":"_2","p":"_1","c":["_3","_4"]},{"t":"container","i":"_3","p":"_2","c":[],"bgcolor":"blue100","height":"200","width":"200"},{"t":"spinkit","i":"_4","p":"_2","c":[],"color":"purple","left":"0","opacity":"0.5","size":"150","spinkittype":"foldingcube","tooltip":"Spinkit tooltip","top":"0"}],"trimIDs":[]}},{"action":"addPageControls","payload":{"controls":[{"t":"offstage","i":"_5","p":"page","c":[],"at":"1"}],"trimIDs":[]}}]}
DEBUG:flet_runtime:sent to TCP: 603
DEBUG:flet_runtime:sent to TCP: 650
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"669.0","windowheight":"224.0","windowtop":"268.0","windowleft":"5.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"blur"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"669.0","windowheight":"224.0","windowtop":"268.0","windowleft":"5.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_core:page.on_event_async: page window_event blur
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"669.0","windowheight":"224.0","windowtop":"268.0","windowleft":"5.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"focus"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"669.0","windowheight":"224.0","windowtop":"268.0","windowleft":"5.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_core:page.on_event_async: page window_event focus
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","width":"669.0","height":"224.0","windowwidth":"669.0","windowheight":"224.0","windowtop":"268.0","windowleft":"5.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"resize","eventData":"669.0,224.0"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","width":"669.0","height":"224.0","windowwidth":"669.0","windowheight":"224.0","windowtop":"268.0","windowleft":"5.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_core:page.on_event_async: page resize 669.0,224.0
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"blur"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_core:page.on_event_async: page window_event blur
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"focus"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_core:page.on_event_async: page window_event focus
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","width":"669.0","height":"719.0","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"resize","eventData":"669.0,719.0"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","width":"669.0","height":"719.0","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_core:page.on_event_async: page resize 669.0,719.0
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"1366.0","windowheight":"768.0","windowtop":"0.0","windowleft":"0.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"true"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"blur"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"1366.0","windowheight":"768.0","windowtop":"0.0","windowleft":"0.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"true"}]
DEBUG:flet_core:page.on_event_async: page window_event blur
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"1366.0","windowheight":"768.0","windowtop":"0.0","windowleft":"0.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"true"}]}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"1366.0","windowheight":"768.0","windowtop":"0.0","windowleft":"0.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"true"}]
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"enter-full-screen"}}
DEBUG:flet_core:page.on_event_async: page window_event enter-full-screen
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"1366.0","windowheight":"768.0","windowtop":"0.0","windowleft":"0.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"true"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"focus"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"1366.0","windowheight":"768.0","windowtop":"0.0","windowleft":"0.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"true"}]
DEBUG:flet_core:page.on_event_async: page window_event focus
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","width":"1366.0","height":"768.0","windowwidth":"1366.0","windowheight":"768.0","windowtop":"0.0","windowleft":"0.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"true"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"resize","eventData":"1366.0,768.0"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","width":"1366.0","height":"768.0","windowwidth":"1366.0","windowheight":"768.0","windowtop":"0.0","windowleft":"0.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"true"}]
DEBUG:flet_core:page.on_event_async: page resize 1366.0,768.0
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"blur"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_core:page.on_event_async: page window_event blur
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"leave-full-screen"}}
DEBUG:flet_core:page.on_event_async: page window_event leave-full-screen
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"focus"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_core:page.on_event_async: page window_event focus
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","width":"669.0","height":"719.0","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"resize","eventData":"669.0,719.0"}}
DEBUG:flet_runtime:_on_message: {"action":"updateControlProps","payload":{"props":[{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]}}
DEBUG:flet_runtime:_on_message: {"action":"pageEventFromWeb","payload":{"eventTarget":"page","eventName":"window_event","eventData":"blur"}}
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","width":"669.0","height":"719.0","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_core:page.on_event_async: page resize 669.0,719.0
DEBUG:flet_core:page.on_event_async: page change [{"i":"page","windowwidth":"669.0","windowheight":"719.0","windowtop":"21.0","windowleft":"686.0","windowminimized":"false","windowmaximized":"false","windowfocused":"false","windowfullscreen":"false"}]
DEBUG:flet_core:page.on_event_async: page window_event blur

[DiMiTriFrog]

Same.

I would like to implement or some existing 3d model viewer or would like to create my flutter package to show 3d objects like this: https://modelviewer.dev

But not able to run this example... :(

[LukasSliacky]

Same scenario :/ My FLET version: flet==0.25.0.dev3526

[ajaysehwal]

same I am also facing error when i am using this example unknown control : spinkit

[HappyCoder256]

Am just asking thatg cant i just download the package i want to add and then connect it to my python instead of having to first compile the app.