why my screen is blank when I execute the examples in dioxus

[litieqq]

Hello, I encountered a problem that when i update the lastest source code(version: 1.0.8) and try to execute the examples(eg: calculator、hello_world) , all window shown is blank.

[jkelleyrtp]

Can you make sure you're on the latest master (git pull, git reset, clone afresh, etc whatever it takes to have the same source code as this github repo)?

If the issue persists, can you right-click the window, click Inspect Element, navigate to console, and report any errors that might have popped up while running the hello_world example?

[litieqq]

Yes, my version is the latest master. I operated as you saying and found the following error message.

Unhandled Promise Rejection: SyntaxError: Unexpected token ';'. Expected an opening '(' before a method's parameter list.
(anonymous function) — index.js:9
promiseReactionJob
Selected Element

… … 

[jkelleyrtp]

Yes, my version is the latest master. I operated as you saying and found the following error message.

Unhandled Promise Rejection: SyntaxError: Unexpected token ';'. Expected an opening '(' before a method's parameter list. (anonymous function) — index.js:9 promiseReactionJob Selected Element

… …

It looks like our javascript shim layer might be using too modern features for your javascript engine. I'll take a look and see if we can conform to an older standard.

[jkelleyrtp]

Can you try this github branch to see if the issue is fixed?

#219

git clone https://github.com/DioxusLabs/dioxus.git
git checkout jk/js-ecma

And then run the examples.

The TypeScript compiler generated "too modern" of code and I don't think your WebKit version supports the most modern JS features.

[litieqq]

Yes, it works!

[jkelleyrtp]

Awesome! Glad it works now!

[litieqq]

Thanks for your helping