langflow icon indicating copy to clipboard operation
langflow copied to clipboard

Blank UI page after started

Open shengxio opened this issue 1 year ago • 11 comments

Describe the bug After started the server, when I load into the localhost:7860, it gives a completely blank page.

Here is the console log:

langflow

[09:31:00] INFO [09:31:00] - INFO - Logger set up with log level: 20(info) logger.py:28 INFO [09:31:00] - INFO - Log file: logs\langflow.log logger.py:30 INFO: Started server process [15244] INFO: Waiting for application startup. INFO: Application startup complete. INFO: Uvicorn running on http://127.0.0.1:7860 (Press CTRL+C to quit) INFO: 127.0.0.1:28610 - "GET / HTTP/1.1" 200 OK INFO: 127.0.0.1:28610 - "GET /assets/index-e39661aa.js HTTP/1.1" 200 OK INFO: 127.0.0.1:28611 - "GET /assets/index-d5403acc.css HTTP/1.1" 200 OK INFO: 127.0.0.1:28612 - "GET / HTTP/1.1" 304 Not Modified INFO: 127.0.0.1:28612 - "GET /favicon.ico HTTP/1.1" 200 OK INFO: 127.0.0.1:28612 - "GET / HTTP/1.1" 304 Not Modified INFO: 127.0.0.1:30691 - "GET / HTTP/1.1" 304 Not Modified INFO: 127.0.0.1:30691 - "GET /assets/index-e39661aa.js HTTP/1.1" 304 Not Modified INFO: 127.0.0.1:30691 - "GET /assets/index-d5403acc.css HTTP/1.1" 304 Not Modified

Browser and Version

  • chrome
  • Version 113.0.5672.127 (Official Build) (64-bit)

To Reproduce Not sure if it can be reproduced in other desktop, but here are the steps:

  1. Install langflow through pip install langflow
  2. Run langflow in the powershell
  3. Open URL at: localhost:7860
  4. See error

Screenshots here is the screen I got: image

Additional questions Is there anything I missed or I can check to see where I can start debug with?

shengxio avatar May 25 '23 16:05 shengxio

Hi @shengxio! I tried to reproduce it as you said on my Windows machine. I did like this:

  1. On Powershell I run pip install langflow in my langflow repo folder.
  2. Run langflow in the Powershell
  3. Open URL at: http://127.0.0.1:7860/
  4. It worked.

image

Try to access it with the following link given on your log: http://127.0.0.1:7860/

carlosrcoelho avatar May 25 '23 18:05 carlosrcoelho

Hey Carlos:

Thanks for attending my issue. I have tried with the url that you have provided, It still doesn't work. Is it possible for you to share your console response as well? I got this one, where the /HTTP/1.1 and /favicon.ico HTTP/1.1 were returned with 304 errors.

[image: image.png]

Would be great if I can get a comparable result to see how the normal log shall look like.

Thanks!

On Thu, May 25, 2023 at 12:13 PM Carlos Coelho @.***> wrote:

Hi @shengxio https://github.com/shengxio! I tried to reproduce it as you said on my Windows machine. I did like this:

1.On powershell I run pip install langflow in my langflow repo folder. 2. Run langflow in the Powershell 3. Open URL at: http://127.0.0.1:7860/ 4. It worked.

[image: image] https://user-images.githubusercontent.com/80289056/240999081-b2894442-1ca0-4ba0-aae9-6bcb16333908.png

Try to access it with the following link given on your log: http://127.0.0.1:7860/

— Reply to this email directly, view it on GitHub https://github.com/logspace-ai/langflow/issues/353#issuecomment-1563314306, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHXRGEFN2CZ33JW3P5JIMYTXH6OMVANCNFSM6AAAAAAYPDCL5E . You are receiving this because you were mentioned.Message ID: @.***>

-- Roland Ding Founder of Lanterns

Phone: 780-952-1077 Meet with me: https://calendly.com/shengxio-d/30min

shengxio avatar May 25 '23 18:05 shengxio

image

image

Check if you have the latest version of LangFlow.

carlosrcoelho avatar May 25 '23 18:05 carlosrcoelho

I have the version 0.0.78. I believe that would be the latest version?

Name: langflow Version: 0.0.78 Summary: A Python package with a built-in web application Home-page: https://github.com/logspace-ai/langflow Author: Logspace Author-email: @.*** License: MIT

By the way here is my system info:

OS Name: Microsoft Windows 11 Pro OS Version: 10.0.22621 N/A Build 22621 OS Manufacturer: Microsoft Corporation OS Configuration: Standalone Workstation OS Build Type: Multiprocessor Free System Boot Time: 2023-05-24, 10:01:26 PM System Manufacturer: ASUSTeK COMPUTER INC. System Model: ZenBook Pro Duo UX581GV_UX581GV System Type: x64-based PC Processor(s): 1 Processor(s) Installed. [01]: Intel64 Family 6 Model 158 Stepping 10 GenuineIntel ~2592 Mhz BIOS Version: American Megatrends Inc. UX581GV.308, 2020-05-18

Not sure if it will help, but might as well?

On Thu, May 25, 2023 at 12:42 PM Carlos Coelho @.***> wrote:

[image: image] https://user-images.githubusercontent.com/80289056/241004259-a2001fa4-efc5-46f4-a3a3-0889e1f3f12c.png

[image: image] https://user-images.githubusercontent.com/80289056/241004525-eeddafa3-6ed6-45f2-8a8c-48342e59040a.png

Check if you have the latest version of LangFlow.

— Reply to this email directly, view it on GitHub https://github.com/logspace-ai/langflow/issues/353#issuecomment-1563339425, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHXRGECHHRFFGUPUZQ52ZL3XH6RYJANCNFSM6AAAAAAYPDCL5E . You are receiving this because you were mentioned.Message ID: @.***>

-- Roland Ding Founder of Lanterns

Phone: 780-952-1077 Meet with me: https://calendly.com/shengxio-d/30min

shengxio avatar May 25 '23 19:05 shengxio

same issue

Loading failed for the module with source “http://127.0.0.1:7860/assets/index-e39661aa.js”.

Loading module from “http://127.0.0.1:7860/assets/index-e39661aa.js” was blocked because of a disallowed MIME type (“text/plain”).

NetRxn avatar May 27 '23 02:05 NetRxn

I have a similar issue. I used http://localhost:7860 In tools saw this output first line related to http://127.0.0.1:7860/assets/index-e39661aa.js as above Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec.

bartanderson avatar May 30 '23 05:05 bartanderson

I have the exact same issue as described above. Having issues with the same files. I also have a similar build to @shengxio

cxspi avatar May 30 '23 09:05 cxspi

Can you guys please test with another browser and see if the issue persists?

lucaseduoli avatar May 30 '23 14:05 lucaseduoli

Just tried on edge, no go. Same on mozilla (fresh install cause its not one I normally use) with error in dev tools Loading failed for the module with source “http://127.0.0.1:7860/assets/index-e39661aa.js”. This is the link Mozilla sends me to for more information on the error https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Content-Type-Options?utm_source=mozilla&utm_medium=firefox-console-errors&utm_campaign=default

bartanderson avatar May 30 '23 17:05 bartanderson

same issue

BestDarkHorse avatar May 31 '23 01:05 BestDarkHorse

Hey, just a quick question. To help improve with this problem, is there anyway that we can get the debug log? I am really curious what caused the 304 not modified error for the get operation.

Thanks

On Tue, May 30, 2023 at 7:12 PM BestDarkHorse @.***> wrote:

same issue

— Reply to this email directly, view it on GitHub https://github.com/logspace-ai/langflow/issues/353#issuecomment-1569348077, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHXRGEFMBWA64EQQ7JZZL6TXI2LGLANCNFSM6AAAAAAYPDCL5E . You are receiving this because you were mentioned.Message ID: @.***>

-- Roland Ding Founder of Lanterns

Phone: 780-952-1077 Meet with me: https://calendly.com/shengxio-d/30min

shengxio avatar May 31 '23 04:05 shengxio

I have the same issuse. I tired using anaconda to create python 3.9 env to run it, gets a blank page. I also used pip venv to create 3.11 environment, it is also a blank page. I am no windows 11.

Python version Langflow version result
3.9.16 0.0.81 Blank UI
3.10.11 0.0.81 Blank UI
3.11.0 0.0.81 Blank UI
3.11.0 0.0.79 Blank UI
3.11.0 0.0.76 Blank UI

All of them shows a blank screen.

GarmischWg avatar Jun 03 '23 14:06 GarmischWg

On the same computer, i used docker to host the app and then it worked.

GarmischWg avatar Jun 03 '23 16:06 GarmischWg

image image image After searching: pected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec. I got this: https://stackoverflow.com/questions/67286882/failed-to-load-module-script-the-server-responded-with-a-non-javascript-mime-ty https://blog.csdn.net/SunFlower914/article/details/126461682 Anyone has any clue?

allen7u avatar Jun 03 '23 17:06 allen7u

and here is what GPT4 said: https://poe.com/s/nelDLnBqf0RNpe6rMqbp

allen7u avatar Jun 03 '23 17:06 allen7u

@GarmischWg could you try clearing the cookies and cache, please?

ogabrielluiz avatar Jun 04 '23 21:06 ogabrielluiz

Just updated to the latest version using Miniconda3 venv, cleared cache and cookies, still the same problem, in Firefox Developer Edition 64-Bit V 114.0b9, Firefox Regular 64-Bit v113.0.2 & Edge v114.0.1823.37 64-Bit (Official Build). Also getting the same MIME error as others.

image

Acidbuk avatar Jun 05 '23 15:06 Acidbuk

We just merged #455 . This might fix this issue, so update to version 0.0.85 or higher to get the fix.

ogabrielluiz avatar Jun 07 '23 17:06 ogabrielluiz

Just updated to version 0.085 using Miniconda; still the same error across Firefox, Firefox Dev and Edge. Blank UI, and

Loading module from “http://127.0.0.1:7860/assets/index-639f6f6b.js” was blocked because of a disallowed MIME type (“text/plain”). 127.0.0.1:7860 Loading failed for the module with source “http://127.0.0.1:7860/assets/index-639f6f6b.js”. 127.0.0.1:7860:9:68

Acidbuk avatar Jun 07 '23 21:06 Acidbuk

Just updated version 0.085 along with all the updated dependencies. I no longer have the issue of the 304 error in the log.

However, my langflow UI is still empty across all browsers.

On Wed, Jun 7, 2023 at 3:27 PM Acidbuk @.***> wrote:

Just updated to version 0.085 using Miniconda; still the same error across Firefox, Firefox Dev and Edge. Blank UI, and

Loading module from “http://127.0.0.1:7860/assets/index-639f6f6b.js” was blocked because of a disallowed MIME type (“text/plain”). 127.0.0.1:7860 Loading failed for the module with source “ http://127.0.0.1:7860/assets/index-639f6f6b.js”. 127.0.0.1:7860:9:68 http://127.0.0.1:7860/

— Reply to this email directly, view it on GitHub https://github.com/logspace-ai/langflow/issues/353#issuecomment-1581535498, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHXRGEAXCBD5HRSSPZ66PETXKDW5BANCNFSM6AAAAAAYPDCL5E . You are receiving this because you were mentioned.Message ID: @.***>

-- Roland Ding Founder of Lanterns

Phone: 780-952-1077 Meet with me: https://calendly.com/shengxio-d/30min

shengxio avatar Jun 07 '23 21:06 shengxio

Just updated to 0.087 version and the UI is empty. I am using Ubuntu. When I gave right click on the loaded page and checked the page source- it says . But I checked that js in enable in my chrome. I also tried from firefox and failed. Did anyone built and run the dockerized version[with proper interface loaded]. Please help!!!

shuvracse03 avatar Jun 08 '23 20:06 shuvracse03

Did a clean build of langchain and langflow from source using python 3.10.11 I found this error that I fixed by creating the missing directory image

Then running I get this image

This is what I found in firefox image

bartanderson avatar Jun 08 '23 23:06 bartanderson

I've been looking around and could it at all be related to this? https://stackoverflow.com/questions/1321878/how-to-prevent-favicon-ico-requests#

bartanderson avatar Jun 09 '23 00:06 bartanderson

has no one got a fix for this yet?. why was this closed?

Acidbuk avatar Jun 13 '23 10:06 Acidbuk

Is there any solution for this ? This should not be closed

Godplayer avatar Jun 13 '23 19:06 Godplayer

same error

rxsi avatar Jun 15 '23 02:06 rxsi

Agree, this is not resolved.

NetRxn avatar Jun 17 '23 14:06 NetRxn

I solve this by change my register -> HKEY_CLASSES_ROOT.js -> Content_Type=application/javascript

rxsi avatar Jun 19 '23 02:06 rxsi

I was finally able to get this to run after the 0.2 release. image

bartanderson avatar Jun 25 '23 00:06 bartanderson

Which Browser are you using Bart?

Acidbuk avatar Jun 25 '23 16:06 Acidbuk