search

FredrikNoren / ungit

The easiest way to use git. On any platform. Anywhere.
MIT License
10.44k stars 637 forks source link

Blank screen in HTML.. but full source !! #160

Closed syndrael closed 11 years ago

syndrael commented 11 years ago

Hello, Hard to describe my problem.

But this page: http://[ip-address]:8080/#/repository?path=%2F(any folder with/out git inside) is a blank page.. but in source code i can read "Something went wrong, reload the page to start over." But what's is wrong ? Is it only available for localhost ? Thanks for you help.. Best regards from Paris, France

FredrikNoren commented 11 years ago

You need to run npm install and grunt too, see the development section in the readme On 27 Aug 2013 12:27, "syndrael" notifications@github.com wrote:

Hello, Hard to describe my problem.

  • Ubuntu VM on VirtualBox in W7 with Apache (useless..).
  • Git Clone Ungit in /usr/share
  • npm test Checked
  • npm start Checked
  • config file ~/.ungitrc Checked

But this page: http://[ip-address]:8080/#/repository?path=%2F(any folder with/out git inside) is a blank page.. but in source code i can read "Something went wrong, reload the page to start over." But what's is wrong ? Is it only available for localhost ? Thanks for you help.. Best regards from Paris, France

— Reply to this email directly or view it on GitHubhttps://github.com/FredrikNoren/ungit/issues/160 .

syndrael commented 11 years ago

Thanks for your fast answer.. i forget to add it, i did 'npm install' and 'npm install -g grunt-cli' i've just done it again.. but same results. I can read:

Ungit started

info: GET / info: GET /css/styles.css info: GET /config.js info: GET /version.js info: GET /js/bugsense.js info: GET /js/ungit.js info: GET / ..but blank screen. Is there a log file? I may be useful. Thanks for your help

FredrikNoren commented 11 years ago

Hm but did you run grunt too? Sounds like the assets aren't compiled On 27 Aug 2013 13:23, "syndrael" notifications@github.com wrote:

Thanks for your fast answer.. i forget to add it, i did 'npm install' and 'npm install -g grunt-cli' i've just done it again.. but same results. I can read: Ungit started

info: GET / info: GET /css/styles.css info: GET /config.js info: GET /version.js info: GET /js/bugsense.js info: GET /js/ungit.js info: GET / ..but blank screen. Is there a log file? I may be useful. Thanks for your help

— Reply to this email directly or view it on GitHubhttps://github.com/FredrikNoren/ungit/issues/160#issuecomment-23328587 .

syndrael commented 11 years ago

I'm sorry it's my first node.js project.

Only two warnings: npm WARN package.json expect.js@0.2.0 No repository field. npm WARN package.json supertest@0.7.0 No repository field.

Did i miss anything? If you had a tutorial: Ungit for Dummies !! i take it ? (everything from scratch) Thanks a lot.

FredrikNoren commented 11 years ago

Almost right, try this:

syndrael commented 11 years ago

Ok.. success in progress ;-) So after 'grunt' there are problems with right access (i don't want to be root). Now it's done..

grunt Running "less:production" (less) task File public/css/styles.css created.

Running "concat:dist" (concat) task File "public/js/ungit.js" created.

Running "lineending:production" (lineending) task File "./bin/ungit" created. File "./bin/credentials-helper" created.

Done, without errors.

But my page is still blank, with the same source.. (Ctrl+F5, Ctrl+F5, Ctrl+F5 !!!) :-) Except 'localhost' that i replace by my server IP address, here is what is displayed:

/usr/share/ungit$ ungit info: App version: 0.1.6 info: socket.io started info: Listening on port 8448 Browse to http://localhost:8448/#/repository?path=%2Fusr%2Fshare%2Fungit

Ungit started

info: GET / info: GET /css/styles.css info: GET /config.js info: GET /version.js info: GET /js/bugsense.js info: GET /js/ungit.js

Sorry to waste your time like that.. Best regards

FredrikNoren commented 11 years ago

Hm try clearing your browsers cache. Also check the output in the browser console On 27 Aug 2013 14:31, "syndrael" notifications@github.com wrote:

Ok.. success in progress ;-) So after 'grunt' there are problems with right access (i don't want to be root). Now it's done..

grunt Running "less:production" (less) task File public/css/styles.css created.

Running "concat:dist" (concat) task File "public/js/ungit.js" created.

Running "lineending:production" (lineending) task File "./bin/ungit" created. File "./bin/credentials-helper" created.

Done, without errors.

But my page is still blank, with the same source.. (Ctrl+F5, Ctrl+F5, Ctrl+F5 !!!) :-) Except 'localhost' that i replace by my server IP address, here is what is displayed:

/usr/share/ungit$ ungit info: App version: 0.1.6 info: socket.io started info: Listening on port 8448 Browse to http://localhost:8448/#/repository?path=%2Fusr%2Fshare%2Fungit Ungit started

info: GET / info: GET /css/styles.css info: GET /config.js info: GET /version.js info: GET /js/bugsense.js info: GET /js/ungit.js

Sorry to waste your time like that.. Best regards

— Reply to this email directly or view it on GitHubhttps://github.com/FredrikNoren/ungit/issues/160#issuecomment-23331616 .

syndrael commented 11 years ago

You're right..i've checked my console (Chromium) same with Firefox (just installed)

Viewport argument key "" not recognized and ignored. (index):5 GET http://192.168.24.101:8448/css/styles.css 404 (Not Found) 192.168.24.101/:6 Resource interpreted as Script but transferred with MIME type text/html: "http://192.168.24.101:8448/config.js". 192.168.24.101/:485 Resource interpreted as Script but transferred with MIME type text/html: "http://192.168.24.101:8448/version.js". 192.168.24.101/:486 App version: 0.1.6 (index):489 Initing bugtracking (index):491 GET http://192.168.24.101:8448/js/ungit.js 404 (Not Found)

Some missing ressources.. Weird isn't it? js/bugsense.js and js/ungit.js are in the same location, have the same rights and owner and group.. The first is downloaded, not the second.

syndrael commented 11 years ago

No idea what happens ? Sorry to disturb you but i don't understand what happens..

jung-kim commented 11 years ago

I had similar situation as you when I first started working with ungit.

GET http://192.168.24.101:8448/css/styles.css 404 (Not Found) 192.168.24.101/:6 GET http://192.168.24.101:8448/js/ungit.js 404 (Not Found)

are the reason why you are seeing the blank page.

Ungit is using grunt as @FredrikNoren has previously mentioned and those missing files should be created upon execution of the command grunt. In the directory where you installed ungit if you navigate to "/public/js/" you should be able to see "ungit.js" and "styles.css" in "/public/css/" after running the grunt command.

Do you see below message when you execute grunt command?

Running "less:production" (less) task
File public/css/styles.css created.

Running "concat:dist" (concat) task
File "public/js/ungit.js" created.

Running "lineending:production" (lineending) task
File "./bin/ungit" created.
File "./bin/credentials-helper" created.

Done, without errors.```
syndrael commented 11 years ago

Yes exactly the same 'log'..i've just executed it for the Xth time..

Running "less:production" (less) task File public/css/styles.css created.

Running "concat:dist" (concat) task File "public/js/ungit.js" created.

Running "lineending:production" (lineending) task File "./bin/ungit" created. File "./bin/credentials-helper" created.

Done, without errors.

And still the same response in the console. I have no idea what it can be from.. Thanks for your help.

FredrikNoren commented 11 years ago

@syndrael Hm and you're starting it with npm start or ./bin/ungit? Have you tried to delete the repo and start from the beginning?

syndrael commented 11 years ago

I'm starting it with ungit. If i find enough time,i'll delete it and reinstall it again. Are there any files i've to delete outside ungit directory ? Which is the recommended directory to install it? I want to make things properly. Thanks for your answer

syndrael commented 11 years ago

Breaking news !!! ;-) i have not yet reinstalled it but i've tried to start with 'npm start'.. it works..2 seconds. I mean that i can see the home page with 'loading...' and then 'Whoops someting went wrong'.. Here's my output:

ungit@0.1.6 start /usr/share/ungit node ./bin/ungit

info: socket.io started info: Listening on port 8448 Browse to http://localhost:8448/#/repository?path=%2Fusr%2Fshare%2Fungit

Ungit started

info: App version: dev-0.1.6-88bd4ab info: GET / info: GET /css/styles.css info: GET /config.js info: GET /version.js info: GET /js/bugsense.js info: GET /js/ungit.js info: handshake authorized info: GET /api/latestversion info: GET /images/logo.png info: GET /images/repositoryBackgroundArrowUp.png info: GET /images/logoLarge.png info: GET /api/status?path=%2Fusr%2Fshare%2Fungit npm http GET https://registry.npmjs.org/ungit npm http GET https://registry.npmjs.org/ungit info: GET /api/status?path=%2Fusr%2Fshare%2Fungit info: GET /images/remoteIcon.png info: GET /images/branchIcon.png info: GET /images/tagIcon.png info: GET /api/status?path=%2Fusr%2Fshare%2Fungit info: Start watching /usr/share/ungit info: GET /api/log?path=%2Fusr%2Fshare%2Fungit&limit=25 info: GET /api/checkout?path=%2Fusr%2Fshare%2Fungit info: GET /api/remotes?path=%2Fusr%2Fshare%2Fungit info: POST /api/fetch info: GET /images/yellowArrowDown.png info: GET /api/remote/tags?path=%2Fusr%2Fshare%2Fungit info: GET /favicon.ico npm http 304 https://registry.npmjs.org/ungit npm http 304 https://registry.npmjs.org/ungit

May be it will be helpful. Does ungit work with another IP than localhost ? Did someone try ? Thanks

syndrael commented 11 years ago

Ok !! it works !! Great :-))))))) So why an error ? Because i gave as url http://(ip-address):8448/#/repository?path=%2Fusr%2Fshare%2Fungit The path gave me an error, may be it woud be useful to give an explicit error ? I close this thread.. Thanks to be here and answer my question..

FredrikNoren commented 11 years ago

Check the console output in the browser too, it's more useful for debugging "Whoops" errors.