igv-web deploy to amazon s3

16 views
Skip to first unread message

zhou...@umn.edu

unread,
Sep 15, 2020, 3:50:03 PM9/15/20
to igv-help
I followed the tutorial to build the igv-web application (npm instal; npm build run) and uploaded the dist/* to amazon s3 bucket.  The track data seems to be loading but the webpage style (CSS) seems to be messed up:



does anyone know what is happening here?

thanks in advance!

James Robinson

unread,
Sep 15, 2020, 5:19:19 PM9/15/20
to igv-help
Not sure, we will try to look into this although I can't reproduce it locally.  Could you try pulling from the latest release tag, rather than the tip of master?  The tag is  "1.3.0".

Also, are you able to deploy this to a non S3 server?  That shouldn't make a difference but would be useful information.



--

---
You received this message because you are subscribed to the Google Groups "igv-help" group.
To unsubscribe from this group and stop receiving emails from it, send an email to igv-help+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/igv-help/2e289db6-fc81-4a57-8703-64ca4626cc22o%40googlegroups.com.

zhou...@umn.edu

unread,
Sep 15, 2020, 5:26:17 PM9/15/20
to igv-help
deploy to localhost works perfectly normal!

deploy source code to a server also works great: https://igv-test.herokuapp.com

I'll try using 1.3.0 to rebuild the web app, thanks!


On Tuesday, September 15, 2020 at 4:19:19 PM UTC-5, James Robinson wrote:
Not sure, we will try to look into this although I can't reproduce it locally.  Could you try pulling from the latest release tag, rather than the tip of master?  The tag is  "1.3.0".

Also, are you able to deploy this to a non S3 server?  That shouldn't make a difference but would be useful information.



On Tue, Sep 15, 2020 at 12:50 PM zhoux379 via igv-help <igv-...@googlegroups.com> wrote:
I followed the tutorial to build the igv-web application (npm instal; npm build run) and uploaded the dist/* to amazon s3 bucket.  The track data seems to be loading but the webpage style (CSS) seems to be messed up:



does anyone know what is happening here?

thanks in advance!

--

---
You received this message because you are subscribed to the Google Groups "igv-help" group.
To unsubscribe from this group and stop receiving emails from it, send an email to igv-...@googlegroups.com.

zhou...@umn.edu

unread,
Sep 15, 2020, 5:39:30 PM9/15/20
to igv-help
checked out tag/1.3.0, rebuilt the app and deployed to s3 buckets - problem still exits:

James Robinson

unread,
Sep 15, 2020, 5:59:18 PM9/15/20
to igv-help
Its a strange problem.   We have an example deployed to s3 here:  https://s3.amazonaws.com/igv.org.app/app/index.html

We will look at this with the web inspector in more detail tomorrow.   I assume you just built and deployed,  keeping directory structure intact.  

James Robinson

unread,
Sep 15, 2020, 6:04:34 PM9/15/20
to igv-help
This warning could have something to do with it, we don't see this warning from our own S3 buckets

Resource interpreted as Stylesheet but transferred with MIME type text/plain: "https://s3.amazonaws.com/zhoup-igv/css/fontawesome/all.css

Is there something about your bucket configuration that could explain this incorrect MIME type?

James Robinson

unread,
Sep 15, 2020, 6:06:20 PM9/15/20
to igv-help
I really doubt this is the problem, but you can eliminate it as a possibility by setting the mime type of those css files. 

zhou...@umn.edu

unread,
Sep 15, 2020, 6:10:36 PM9/15/20
to igv-help
wow that solved the problem!

no need to change the mime-types for other css files?

James Robinson

unread,
Sep 15, 2020, 8:36:17 PM9/15/20
to igv-help
It wouldn't hurt.  Also see if there is some setting that will do it globally.  For some reason we don't have this issue with out buckets.

--

---
You received this message because you are subscribed to the Google Groups "igv-help" group.
To unsubscribe from this group and stop receiving emails from it, send an email to igv-help+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/igv-help/9457d4f7-f4ea-4eb6-b8ee-27a6ba4126a0o%40googlegroups.com.
Reply all
Reply to author
Forward
0 new messages