[v0.6.1] UI not displaying, SyntaxError: invalid property id app.533abea1.js:1:49107 #2279

151henry151 · 2018-07-06T01:57:50Z

`Note: this is the technical bug tracker, please use other platforms for getting support and starting a (non technical) discussion. See the getting help page for details.

I'm submitting a ...
[x] bug report
[ ] question about the decisions made in the repository

Action taken (what you did)
git clone https://github.com/askmike/gekko.git
changed directory to ~/gekko and ran npm install --only=production
changed directory to ~/gekko/exchange/ and ran and ran npm install --only=production

henry@crunch:~/gekko (develop)$ npm install --only=production

> [email protected] install /home/henry/gekko/node_modules/websocket
> (node-gyp rebuild 2> builderror.log) || (exit 0)

make: Entering directory '/home/henry/gekko/node_modules/websocket/build'
  CXX(target) Release/obj.target/bufferutil/src/bufferutil.o
  SOLINK_MODULE(target) Release/obj.target/bufferutil.node
  COPY Release/bufferutil.node
  CXX(target) Release/obj.target/validation/src/validation.o
  SOLINK_MODULE(target) Release/obj.target/validation.node
  COPY Release/validation.node
make: Leaving directory '/home/henry/gekko/node_modules/websocket/build'

> [email protected] install /home/henry/gekko/node_modules/sqlite3
> node-pre-gyp install --fallback-to-build

[sqlite3] Success: "/home/henry/gekko/node_modules/sqlite3/lib/binding/node-v57-linux-x64/node_sqlite3.node" is installed via remote

> [email protected] postinstall /home/henry/gekko/node_modules/relieve
> node links.js

added 556 packages in 7.204s
henry@crunch:~/gekko (develop)$ cd exchange/
henry@crunch:~/gekko/exchange (develop)$ npm install --only=production
added 130 packages in 1.854s

edited ~/gekko/web/vue/public/UIconfig.js to reflect correct IP address (0.0.0.0 for api host and my machine's IP address for ui host) and set headless to "true"

ran node gekko --ui

	I'm gonna make you rich, Bud Fox. 
Serving Gekko UI on http://my.ip.address.here:3000/

navigated to my.ip.address.here:3000 in web browser, see only blank white screen; nothing outputs in terminal when reloading the page.

Expected result (what you hoped would happen)
To see gekko UI in browser

Actual
result (unexpected outcome)
See only blank white page in browser.
In my browser console, I see SyntaxError: invalid property id app.533abea1.js:1:49107

When I click app.533abea1.js:1:49107 I see
[edited out]

Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, etc)

henry@crunch:~/gekko (develop)$ node -v
v8.11.3
henry@crunch:~/gekko (develop)$ npm -v
5.6.0
henry@crunch:~/gekko (develop)$ uname -a
Linux crunch 4.9.0-6-amd64 #1 SMP Debian 4.9.88-1+deb9u1 (2018-05-07) x86_64 GNU/Linux

Thanks in advance for any assistance!

The text was updated successfully, but these errors were encountered:

askmike · 2018-07-06T04:49:58Z

Very strange, what browser is that? You shouldn't see minified stack traces (since the app comes bundled with sourcemaps).

StevenHop · 2018-07-06T07:30:17Z

I have the same on windows. Firefox and chrome works nicely. Internet Explorer and Edge stay blank. Even with compatibility mode.

Note: i do not see the "minified stack traces". I do see "We're sorry but gekko-vue-ui doesn't work properly without JavaScript enabled. Please enable it to continue" if i pull up the source of the page...
I do not bother IE or Edge anymore so i leave it at that..

askmike · 2018-07-06T08:21:44Z

@StevenHop I don't have access to a windows machine, so I am unable to test. Strange that it doesn't work on edge though.

As for @151henry151, you did mention linux so I am curious as to your browser. Also:

edited ~/gekko/web/vue/public/UIconfig.js to reflect correct IP address (0.0.0.0 for api host and my machine's IP address for ui host) and set headless to "true"

Please edit the file located at gekko/web/vue/dist/UIconfig.js instead!

StevenHop · 2018-07-06T12:23:35Z

Well Edge and IE have dropped the ball for me. I don't use them anymore. Not going to research why it doesnt work there. If Others work it is a Edge problem..

You're rigth about the UIconfig.js. He has altered the wrong version..

151henry151 · 2018-07-06T16:47:23Z

@askmike Thanks for taking a look; I am running Firefox ESR 52.8.1 on my local system (thinkpad):

henry@thinkpad:~$ uname -a
Linux thinkpad 4.9.0-6-amd64 #1 SMP Debian 4.9.88-1+deb9u1 (2018-05-07) x86_64 GNU/Linux

henry@thinkpad:~$ apt list firefox-esr
Listing... Done
firefox-esr/stable,now 52.8.1esr-1~deb9u1 amd64 [installed]
N: There is 1 additional version. Please use the '-a' switch to see it

henry@thinkpad:~$ firefox-esr -v
Mozilla Firefox 52.8.1

Gekko is running on my remote system (crunch):

henry@crunch:~/gekko (develop)$ uname -a
Linux crunch 4.9.0-6-amd64 #1 SMP Debian 4.9.88-1+deb9u1 (2018-05-07) x86_64 GNU/Linux

henry@crunch:~/gekko (develop)$ node -v
v8.11.3

henry@crunch:~/gekko (develop)$ npm -v
5.6.0

I tried editing gekko/web/vue/dist/UIconfig.js instead of gekko/web/vue/public/UIconfig.js but didn't see any change in the behavior. Could you possibly help me to understand why there are two different UIconfig.js and what the appropriate usage for each of them is?

Thanks.

askmike · 2018-07-06T17:02:36Z

Henry,

Could you possibly help me to understand why there are two different

UIconfig.js and what the appropriate usage for each of them is? This is an unfortunate consequence with the new Gekko coming with an updated version of the frontend framework (vue), here is some context: #2280 The gist of the story is: The Gekko UI is a web frontend project, whenever your browser loads it needs to know where the gekko server (backend process) is running (host + IP) as to even start talking to the server. The UIconfig file was the easiest way to do this: it is served directly to your browser so the frontend can directly know where to reach the backend. This is kind of hacky solution, a better one is to have the frontend ask the user for this data (some kind of a installation wizard) and store it in a cache. The current UI is very old and I am already working on a new one where this will be managed better, read more (outdated info) here: https://forum.gekko.wizb.it/thread-1429.html

…

---- As to your problem, I have not been able to reproduce it yet. When you click on the error and it loads the minified code, does it highlight a specific point in the long line (where it is complaining about an `id`)? Column 49107 does not seem to be related.

On Sat, Jul 7, 2018 at 12:47 AM, Henry Romp ***@***.***> wrote: @askmike <https://github.com/askmike> Thanks for taking a look; I am running Firefox ESR 52.8.1 on my local system (thinkpad): ***@***.***:~$ uname -a Linux thinkpad 4.9.0-6-amd64 #1 SMP Debian 4.9.88-1+deb9u1 (2018-05-07) x86_64 GNU/Linux ***@***.***:~$ apt list firefox-esr Listing... Done firefox-esr/stable,now 52.8.1esr-1~deb9u1 amd64 [installed] N: There is 1 additional version. Please use the '-a' switch to see it ***@***.***:~$ firefox-esr -v Mozilla Firefox 52.8.1 Gekko is running on my remote system (crunch): ***@***.***:~/gekko (develop)$ uname -a Linux crunch 4.9.0-6-amd64 #1 SMP Debian 4.9.88-1+deb9u1 (2018-05-07) x86_64 GNU/Linux ***@***.***:~/gekko (develop)$ node -v v8.11.3 ***@***.***:~/gekko (develop)$ npm -v 5.6.0 I tried editing gekko/web/vue/dist/UIconfig.js instead of gekko/web/vue/public/UIconfig.js but didn't see any change in the behavior. Could you possibly help me to understand why there are two different UIconfig.js and what the appropriate usage for each of them is? Thanks. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#2279 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AA7MD2XURHD0eETQf2w9TLRhRpr7sNHlks5uD5SfgaJpZM4VExND> .

-- PGP key at keybase.io/mikevanrossum <https://keybase.io/mikevanrossum/key.asc>

151henry151 · 2018-07-06T21:51:47Z

Thanks for your time;

As to your problem, I have not been able to reproduce it yet. When you click on the error and it loads the minified code, does it highlight a specific point in the long line (where it is complaining about an id)? Column 49107 does not seem to be related.

When I click the error it does not highlight a specific point in the line; it opens a new tab with a url like "view-source:http://my.ip.address.here:3000/js/app.533abea1.js" which has that big block of text as one line, and then on a second line it has //# sourceMappingURL=app.533abea1.js.map

Here are some screenshots of anything I could see in the inspector/web console that I thought might be relevant:

http://i.imgur.com/KJSjTvi.png
http://i.imgur.com/b7wVuqM.png
http://i.imgur.com/9uFJCXj.png

I thought when I saw something saying "noscript" that I maybe had the noscript plugin installed, but I checked and I don't. It does look like my browser is using IcedTea; in my "plugins" section under "add-ons" I've got an entry called IcedTea which when I click on it says "IcedTea-Web Plugin (using IcedTea-Web 1.6.2 (1.6.2-3.1))The IcedTea-Web Plugin executes Java applets." -- could that be related?

Thanks again for any help and for all you've done already, and for making this awesome program!

--Henry

EDIT:
I tried using a different browser, and it works fine using Chromium, so it's got to be a problem with the way I have Firefox configured. Because it works for me using Chromium, I'm not terribly concerned about making it work in Firefox, but if I can provide any additional information to help figure out what was causing the issue or to help resolve it for other people that may encounter it in the future, let me know.

askmike · 2018-07-07T05:22:23Z

Glad you were able to solve it. I am using Firefox myself as my main browser (but I'll be sure to test on Chrome as well). I have no issues whatsoever.

firefox-esr/stable,now 52.8.1esr-1~deb9u1 amd64 [installed]

Firefox version 52 was released over a year ago, that might explain it. The framework I updated as part of Gekko 0.6 (vue) has the following configuration related to browser versions:

{
  "...": "...",
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

(see https://vuejs-templates.github.io/webpack/babel.html). And Your version is ~10 versions behind (I am running version 62). You can try updating firefox to see if that solves it. I am closing this as I am unable to reproduce and it does not appear to be effecting anyone else. (but feel free to keep commenting).

151henry151 · 2018-07-07T21:35:53Z

Upgrading my firefox version resolved the issue. Thanks for the help Mike! 👍

151henry151 changed the title ~~v0.6.1 UI not displaying, SyntaxError: invalid property id app.533abea1.js:1:49107~~ [v0.6.1] UI not displaying, SyntaxError: invalid property id app.533abea1.js:1:49107 Jul 6, 2018

askmike closed this as completed Jul 7, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[v0.6.1] UI not displaying, SyntaxError: invalid property id app.533abea1.js:1:49107 #2279

[v0.6.1] UI not displaying, SyntaxError: invalid property id app.533abea1.js:1:49107 #2279

151henry151 commented Jul 6, 2018 •

edited by askmike

Loading

askmike commented Jul 6, 2018

StevenHop commented Jul 6, 2018

askmike commented Jul 6, 2018

StevenHop commented Jul 6, 2018

151henry151 commented Jul 6, 2018

askmike commented Jul 6, 2018 via email

151henry151 commented Jul 6, 2018 •

edited

Loading

askmike commented Jul 7, 2018

151henry151 commented Jul 7, 2018

[v0.6.1] UI not displaying, SyntaxError: invalid property id app.533abea1.js:1:49107 #2279

[v0.6.1] UI not displaying, SyntaxError: invalid property id app.533abea1.js:1:49107 #2279

Comments

151henry151 commented Jul 6, 2018 • edited by askmike Loading

askmike commented Jul 6, 2018

StevenHop commented Jul 6, 2018

askmike commented Jul 6, 2018

StevenHop commented Jul 6, 2018

151henry151 commented Jul 6, 2018

askmike commented Jul 6, 2018 via email

151henry151 commented Jul 6, 2018 • edited Loading

askmike commented Jul 7, 2018

151henry151 commented Jul 7, 2018

151henry151 commented Jul 6, 2018 •

edited by askmike

Loading

151henry151 commented Jul 6, 2018 •

edited

Loading