# Trame-Flow : Demo examples
**URL:** https://discourse.paraview.org/t/trame-flow-demo-examples/17591
**Category:** Web Support
**Created:** [June 2, 2026, 12:52pm UTC](https://discourse.paraview.org/t/trame-flow-demo-examples/17591 "2026-06-02T12:52:38Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@cfd\_payne](https://discourse.paraview.org/u/cfd_payne)
#### Post date: [June 2, 2026, 12:52pm UTC](https://discourse.paraview.org/t/trame-flow-demo-examples/17591/1 "2026-06-02T12:52:39Z")
Hello,
Got onto vue-flow and exploring trame-flow, this example python .\examples\serialization.py is rendering as below ..
python .\examples\style.py
test.py also throws some error
> (.venv) PS C:\Users\user\trame-flow\> python .\examples\test.py
> Traceback (most recent call last):
> File “C:\Users\user\trame-flow\examples\test.py”, line 25, in
> with vuetify.VContainer(fluid=True, classes=“pa-4”):
> ^^^^^^^^^^^^^^^^^^
> AttributeError: module ‘trame\_vuetify’ has no attribute ‘VContainer’
> (.venv) PS C:\Users\user\trame-flow\> python .\examples\test.py
> No server available for element v-btn
> v-btn.state is missing
> Traceback (most recent call last):
> File “C:\Users\user\trame-flow\examples\test.py”, line 8, in
> vuetify.VBtn(“Primary”, color=“primary”),
> ~~~~~~~~~~~~ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
> File “C:\Users\user\trame-flow.venv\Lib\site-packages\trame\_vuetify\widgets\vuetify.py”, line 1678, in **init**
> super(). **init** (“v-btn”, children, \*\*kwargs)
> ~~~~~~~~~~~~~~~~ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
> File “C:\Users\user\trame-flow.venv\Lib\site-packages\trame\_vuetify\widgets\vuetify.py”, line 12, in **init**
> super(). **init** (\_elem\_name, children, \*\*kwargs)
> ~~~~~~~~~~~~~~~~ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
> File “C:\Users\user\trame-flow.venv\Lib\site-packages\trame\_client\widgets\core.py”, line 435, in **init**
> super(). **init** (self.\_server, ctx\_name=ctx\_name)
> ~~~~~~~~~~~~~~~~ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
> File “C:\Users\user\trame-flow.venv\Lib\site-packages\trame\_common\obj\component.py”, line 34, in **init**
> self.\_bind\_annotated\_methods()
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ^^
> File “C:\Users\user\trame-flow.venv\Lib\site-packages\trame\_common\obj\component.py”, line 62, in \_bind\_annotated\_methods
> s\_translator = self.state.translator
> ^^^^^^^^^^^^^^^^^^^^^
> AttributeError: ‘NoneType’ object has no attribute ‘translator’
Can you provide png’s of how each example will finally render ?
---
### Author:  [@cfd\_payne](https://discourse.paraview.org/u/cfd_payne)
#### Post date: [June 2, 2026, 3:33pm UTC](https://discourse.paraview.org/t/trame-flow-demo-examples/17591/2 "2026-06-02T15:33:43Z")
> [@cfd\_payne](#):
>
> python .\examples\serialization.py
---
### Author:  [@corentin.munoz](https://discourse.paraview.org/u/corentin.munoz)
#### Post date: [June 3, 2026, 7:58am UTC](https://discourse.paraview.org/t/trame-flow-demo-examples/17591/3 "2026-06-03T07:58:45Z")
Hi,
The serialization and the style examples should look like this:
It seems that you didn’t build the vue component before installing the trame-flow python module. You can do it with:
```auto
cd vue-components
npm i
npm run build
```
---
### Author:  [@cfd\_payne](https://discourse.paraview.org/u/cfd_payne)
#### Post date: [June 3, 2026, 11:55am UTC](https://discourse.paraview.org/t/trame-flow-demo-examples/17591/4 "2026-06-03T11:55:56Z")
I’ve followed the steps ..
> [@corentin.munoz](#):
>
> `npm i`
> [@corentin.munoz](#):
>
> ```auto
> npm run build
>
> ```
```auto
```
anything else that seems not trivial ..
---
### Author:  [@corentin.munoz](https://discourse.paraview.org/u/corentin.munoz)
#### Post date: [June 3, 2026, 12:20pm UTC](https://discourse.paraview.org/t/trame-flow-demo-examples/17591/5 "2026-06-03T12:20:12Z")
There might be an issue with the css filename. Try to rename `./src/trame_flow/module/serve/trame_flow.css` to `./src/trame_flow/module/serve/style.css` and see if it works. I need to investigate this.
---
### Author:  [@cfd\_payne](https://discourse.paraview.org/u/cfd_payne)
#### Post date: [June 3, 2026, 12:25pm UTC](https://discourse.paraview.org/t/trame-flow-demo-examples/17591/6 "2026-06-03T12:25:43Z")
Yes renaming solved the issue ..Thanks for your support.
sometimes this would occur in vue-flow too when the _ **“style.css”** _ is not called from _ **“app.vue”** _
---
### Author:  [@corentin.munoz](https://discourse.paraview.org/u/corentin.munoz)
#### Post date: [June 3, 2026, 12:34pm UTC](https://discourse.paraview.org/t/trame-flow-demo-examples/17591/7 "2026-06-03T12:34:58Z")
Great! Could you open an issue on [GitHub - Kitware/trame-flow · GitHub](https://github.com/Kitware/trame-flow) about this bug, please ? Don’t hesitate to include information to reproduce the issue, like your node and npm versions.
---
### Author:  [@cfd\_payne](https://discourse.paraview.org/u/cfd_payne)
#### Post date: [June 3, 2026, 12:36pm UTC](https://discourse.paraview.org/t/trame-flow-demo-examples/17591/8 "2026-06-03T12:36:49Z")
Sure .. what is the preferred channel .. will follow that to avoid redundant queries..
---
### Author:  [@corentin.munoz](https://discourse.paraview.org/u/corentin.munoz)
#### Post date: [June 3, 2026, 12:45pm UTC](https://discourse.paraview.org/t/trame-flow-demo-examples/17591/9 "2026-06-03T12:45:49Z")
For trame issues related to ParaView, you can ask here. For other questions or issues, you can open issues or discussions on [GitHub - Kitware/trame: Trame lets you weave various components and technologies into a Web Application solely written in Python. · GitHub](https://github.com/Kitware/trame) or on a specific module repository (like [GitHub - Kitware/trame-flow · GitHub](https://github.com/Kitware/trame-flow)).