Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Empty white page #42

Open
condor125 opened this issue Jul 19, 2022 · 11 comments
Open

Empty white page #42

condor125 opened this issue Jul 19, 2022 · 11 comments

Comments

@condor125
Copy link

I've cloned this and run yarn install and yarn run build but the only thing I'm getting is an empty white page.
This is the sourcecode of the page:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="/favicon.ico">
    <title>twitch-vod-chat</title>

    <script src="https://embed.twitch.tv/embed/v1.js"></script>
    <script src="https://player.twitch.tv/js/embed/v1.js"></script>
    <script src="https://www.youtube.com/iframe_api"></script>
    <link href="https://cdn.betterttv.net/betterttv.css" type="text/css" rel="stylesheet" />
    <script type="module" crossorigin src="/assets/index.e69eff3a.js"></script>
    <link rel="stylesheet" href="/assets/index.c993bb63.css">
  </head>
  <body>
    <noscript>
      <strong>We're sorry but twitch-vod-chat doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    
  </body>
</html>
@MrBrax
Copy link
Owner

MrBrax commented Jul 20, 2022

does the console say anything? are you running the server?

@condor125
Copy link
Author

Yes, the server is running.

This is the console output
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

@MrBrax
Copy link
Owner

MrBrax commented Jul 20, 2022 •
edited
Loading

what are the steps you took to build and run it? did you build all the "modules"?
are you using a reverse proxy?

@condor125
Copy link
Author

condor125 commented Jul 20, 2022 •
edited
Loading

I cloned LiveStreamDVR with --recurse-submodules and followed the steps for LiveStreamDVR standalone setup according to the README file.

Which modules do I have to build?

I am using apache2 reverse proxy:

ProxyRequests Off
ProxyPreserveHost On
ProxyPass / http://localhost:8080/ keepalive=On
ProxyPassReverse / http://localhost:8080/
<Proxy *>
  Order deny,allow
  Allow from all
</Proxy>

@MrBrax
Copy link
Owner

MrBrax commented Jul 20, 2022 •
edited
Loading

considering you do have the index.html served to you i guess you have them all built.

must be something with the reverse proxy only serving / and no subdirectories. i don't use apache for this server but for others i have pretty much the same config, except for the keepalive part

like, in the client-vue/dist there are directories and other files, right?

@condor125
Copy link
Author

condor125 commented Jul 20, 2022 •
edited
Loading

Trying to access the vodplayer with myserver.com:8080/vodplayer also does not work.

Content of LiveStreamDVR/twitch-vod-chat/dist

.
|-- assets
|   |-- index.c993bb63.css
|   `-- index.e69eff3a.js
`-- index.html

The output of the building process, if it is of any use:

yarn install v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning " > css-loader@3.6.0" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
warning " > sass-loader@12.6.0" has unmet peer dependency "webpack@^5.0.0".
[4/4] Building fresh packages...
Done in 3.56s.

yarn run v1.22.19
$ vue-tsc --noEmit && vite build
vite v2.9.9 building for production...
✓ 42 modules transformed.
dist/index.html                  0.94 KiB
dist/assets/index.c993bb63.css   7.06 KiB / gzip: 2.20 KiB
dist/assets/index.e69eff3a.js    115.88 KiB / gzip: 38.74 KiB
Done in 7.02s.

@MrBrax
Copy link
Owner

MrBrax commented Jul 20, 2022

builds seem to be alright

both using port 80 and 8080 won't work? accessing the site served by the node executable should work

@condor125
Copy link
Author

both using port 80 and 8080 won't work?

yes

accessing the site served by the node executable should work

How do I do that?

@MrBrax
Copy link
Owner

MrBrax commented Jul 20, 2022

apache is running at port 80
node server is running at port 8080
such, if you access it at 8080 it should be serving it internally. should show up in the logs too i think

@condor125
Copy link
Author

condor125 commented Jul 20, 2022 •
edited
Loading 

::ffff:my.home.ip - admin [20/Jul/2022:20:27:38 +0000] "GET /vodplayer/ HTTP/1.1" 200 964 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36"
::ffff:my.home.ip - admin [20/Jul/2022:20:27:38 +0000] "GET /assets/index.e69eff3a.js HTTP/1.1" 200 485 "http://myserver.com:8080/vodplayer/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36"
::ffff:my.home.ip - admin [20/Jul/2022:20:27:38 +0000] "GET /assets/index.c993bb63.css HTTP/1.1" 200 485 "http://myserver.com:8080/vodplayer/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36"
::ffff:my.home.ip - admin [20/Jul/2022:20:27:38 +0000] "GET /favicon.ico HTTP/1.1" 200 15086 "http://myserver.com:8080/vodplayer/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36"
::ffff:my.home.ip - admin [20/Jul/2022:20:27:38 +0000] "GET /favicon.ico HTTP/1.1" 200 15086 "http://myserver.com:8080/vodplayer/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36"

@MrBrax
Copy link
Owner

MrBrax commented Jul 21, 2022

i really don't know what else it could be, cloning a new one and building it, and view it only locally without any reverse proxies would be my only advice

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@MrBrax @condor125