[GH-ISSUE #162] Not able to add Child Element to a Window Element - npm run start throwing error. #105

Closed
opened 2026-05-05 11:42:28 -06:00 by gitea-mirror · 11 comments
Owner

Originally created by @joshi-ankur on GitHub (Jun 23, 2018).
Original GitHub issue: https://github.com/kusti8/proton-native/issues/162

@parro-it , @mischnic , @kusti8

So i just started working on building a proton-native desktop app on Windows 10 Pro edition.

I started off with the official documentation and my boiler plate code was ready.

npm run start was working fine and i was able to see . Below is the attached image.
my-desktop-app-boiler-plate-working

Now when i add a Box Component inside my Window component and try running the npm run start command, it fails :( . Have attached the image below for the same.

my-desktop-app-boiler-plate-not-working

Kindly help, i really need this to get working, am i doing something wrong?

Originally created by @joshi-ankur on GitHub (Jun 23, 2018). Original GitHub issue: https://github.com/kusti8/proton-native/issues/162 @parro-it , @mischnic , @kusti8 So i just started working on building a proton-native desktop app on Windows 10 Pro edition. I started off with the official documentation and my boiler plate code was ready. npm run start was working fine and i was able to see . Below is the attached image. <img width="960" alt="my-desktop-app-boiler-plate-working" src="https://user-images.githubusercontent.com/36259745/41810879-2f22d680-7723-11e8-84db-9b5ee16c610e.png"> Now when i add a Box Component inside my Window component and try running the `npm run start` command, it fails :( . Have attached the image below for the same. <img width="960" alt="my-desktop-app-boiler-plate-not-working" src="https://user-images.githubusercontent.com/36259745/41810891-675aa88e-7723-11e8-93a3-17500252711f.png"> Kindly help, i really need this to get working, am i doing something wrong?
gitea-mirror 2026-05-05 11:42:28 -06:00
  • closed this issue
  • added the
    bug
    label
Author
Owner

@mischnic commented on GitHub (Jun 23, 2018):

The Button needs to have the onClick prop (not onClicked).

@kusti8 There should be a better error message.

<!-- gh-comment-id:399696789 --> @mischnic commented on GitHub (Jun 23, 2018): The Button needs to have the `onClick` prop (not onClicked). @kusti8 There should be a better error message.
Author
Owner

@joshi-ankur commented on GitHub (Jun 23, 2018):

@mischnic thanks for that change, i updated it. But then it is not solving my problem, i am still getting the same error mentioned above.

Kindly advice. Attached below is the image after updating the prop u mentioned.

my-desktop-app-boiler-plate-not-working-updated-prop
<!-- gh-comment-id:399712513 --> @joshi-ankur commented on GitHub (Jun 23, 2018): @mischnic thanks for that change, i updated it. But then it is not solving my problem, i am still getting the same error mentioned above. Kindly advice. Attached below is the image after updating the prop u mentioned. <img width="960" alt="my-desktop-app-boiler-plate-not-working-updated-prop" src="https://user-images.githubusercontent.com/36259745/41813881-6e142c98-775c-11e8-939e-a421512a21b4.png">
Author
Owner

@mischnic commented on GitHub (Jun 23, 2018):

But then it is not solving my problem, i am still getting the same error mentioned above.

It's a different error (the line before the colored lines):

Window and Group only take one child!

Not sure why though.

<!-- gh-comment-id:399712940 --> @mischnic commented on GitHub (Jun 23, 2018): > But then it is not solving my problem, i am still getting the same error mentioned above. It's a different error (the line before the colored lines): ``` Window and Group only take one child! ``` Not sure why though.
Author
Owner

@joshi-ankur commented on GitHub (Jun 23, 2018):

@mischnic @kusti8 @parro-it Can u please help me with a workaround to solve my problem? I need to get this desktop app up and running for my client.

<!-- gh-comment-id:399713477 --> @joshi-ankur commented on GitHub (Jun 23, 2018): @mischnic @kusti8 @parro-it Can u please help me with a workaround to solve my problem? I need to get this desktop app up and running for my client.
Author
Owner

@joshi-ankur commented on GitHub (Jun 23, 2018):

@mischnic yes it is a different error.

Window and Group only take one child

<!-- gh-comment-id:399713539 --> @joshi-ankur commented on GitHub (Jun 23, 2018): @mischnic yes it is a different error. > Window and Group only take one child
Author
Owner

@JVictorV commented on GitHub (Jun 28, 2018):

@joshi-ankur try to delete the "{ }" at the line 7

<!-- gh-comment-id:401026725 --> @JVictorV commented on GitHub (Jun 28, 2018): @joshi-ankur try to delete the "{ }" at the line 7
Author
Owner

@parro-it commented on GitHub (Jun 29, 2018):

@joshi-ankur could you post the source code as text?

<!-- gh-comment-id:401247281 --> @parro-it commented on GitHub (Jun 29, 2018): @joshi-ankur could you post the source code as text?
Author
Owner

@maciek134 commented on GitHub (Sep 18, 2018):

@joshi-ankur If you still need help with that, a good practice is to provide the source code for a minimal app that would reproduce this bug, nobody will retype everything from the images (in which the code is cropped btw so we can't even see some of it).

<!-- gh-comment-id:422523777 --> @maciek134 commented on GitHub (Sep 18, 2018): @joshi-ankur If you still need help with that, a good practice is to provide the source code for a minimal app that would reproduce this bug, nobody will retype everything from the images (in which the code is cropped btw so we can't even see some of it).
Author
Owner

@Oxymoron290 commented on GitHub (Jun 19, 2019):

I was getting the error Window and Group only take one child! because I had a comment inside the Window tag...

Removing the comment inside of the window tag resolved my problem

<!-- gh-comment-id:503629805 --> @Oxymoron290 commented on GitHub (Jun 19, 2019): I was getting the error `Window and Group only take one child!` because I had a comment inside the `Window` tag... Removing the comment inside of the window tag resolved my problem
Author
Owner

@Oxymoron290 commented on GitHub (Jun 19, 2019):

plotter

<!-- gh-comment-id:503631348 --> @Oxymoron290 commented on GitHub (Jun 19, 2019): ![plotter](https://user-images.githubusercontent.com/2234419/59782836-72bf7880-9284-11e9-8de8-bcdaca18ab3b.gif)
Author
Owner

@kusti8 commented on GitHub (Jan 19, 2020):

Proton Native V2 is now released! If the issue still occurs in the new update, please open a new issue.

<!-- gh-comment-id:576029473 --> @kusti8 commented on GitHub (Jan 19, 2020): Proton Native V2 is now released! If the issue still occurs in the new update, please open a new issue.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/proton-native#105
No description provided.