'StackPanel' is expected Line 14, position 12

Bug Reports
1

So I was going through the Fuse’s features overview and trying out their example, but it seems to return me error?

Source: https://www.fusetools.com/docs/basics/feature-overview

<App>
  <JavaScript>
      module.exports = {
          items: ["#f00", "#0f0", "#00f"]
      }
  </JavaScript>
  <StackPanel>
    <Each Items="{items}" />
            <Panel Height="40" Margin="10">
                <JavaScript>
                    console.log("hello!");
                </JavaScript>
            </Panel>
        </Each>
  </StackPanel>
</App>

Error returned:

file
QLFyLD9CT3OT-legacy-files-4KCKsbHx72pZHncx-iE50BRh1zHuXfY9y_X0cb-e_.png1046×198

When I removed <Each> block inside the <StackPanel>, the error is gone. Is this a bug? Seems like the <StackPanel> didn’t expected <Each> to be inside it. I don’t see anything wrong though.

I’m using Atom as my editor. Fuse v.0.12.4

2

I just noticed there’s a new version released i.e. v.0.20.2 (Yay! Not sure why it doesn’t show update when I clicked Check for Updates), however even after I updated to latest version, the issue seems to persist. Bummer!

This time instead of 1 error, it gave me 2 errors with same error message but different error codes. After running fuse build :

Configuring
MainView.ux(16): E0000: 'StackPanel' is expected  Line 16, position 12.
MainView.ux(16): E8001: 'StackPanel' is expected  Line 16, position 12.
(3.33s)
3

Hello, As far as I can see, you should remove the / in line 8

<App>
    <JavaScript>
        module.exports = {
            items: ["#f00", "#0f0", "#00f"]
        }
    </JavaScript>
    <StackPanel>
        <Each Items="{items}">
            <Panel Height="40" Margin="10">
                <JavaScript>
                    console.log("hello!");
                </JavaScript>
            </Panel>
        </Each>
    </StackPanel>
</App>
4

Ah, I missed that! Thanks a lot :smiley: Now the error does make sense

5

And the docs have now been fixed as well. :slight_smile: