# Node-red editor not show (only the header and node-red logo are visible)

**URL:** <https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309>\
**Category:** General\
**Created:** [27 November 2022 08:00 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309 "2022-11-27T08:00:53Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![qy666](https://avatars.discourse-cdn.com/v4/letter/q/c89c15/32.png) [@qy666](https://discourse.nodered.org/u/qy666)\
**Post date:** [27 November 2022 08:00 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/1 "2022-11-27T08:00:53Z")

</div>

I have installed node.js and install node-red via npm sucessfully. But I visit 127.0.0.1:1880, there is nothing showed on the website( **showed as following** )......how could I do to fix it?Please help me ☹ 😭

 ![1669535955493](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/0/a088d047884cffa9cd1ecdb7cbc625e7f09edfc8.png)

**running logs:**

 ![1669536001763](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/7/971526441708d8d22149bf7847e401ce0fa403ee.png)

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [27 November 2022 08:16 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/2 "2022-11-27T08:16:41Z")

</div>

What browser/version are you using? Can you try a different browser?  
Open the developer console in the browser, refresh the page, and see if any errors are shown.

---

<div class="post-metadata">

**Author:** ![qy666](https://avatars.discourse-cdn.com/v4/letter/q/c89c15/32.png) [@qy666](https://discourse.nodered.org/u/qy666)\
**Post date:** [27 November 2022 08:25 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/3 "2022-11-27T08:25:06Z")

</div>

Edge and Chrome are both the same situation...Chrome is the latest version. But in the developer console showing as following, how can I fix this?  
 ![1669537448135](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/7/c7356b708603479e19b292cd5b7d720d681326ff.png)

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [27 November 2022 08:58 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/4 "2022-11-27T08:58:04Z")

</div>

Did you refresh the page after opening the console? I would expect to see more than that.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [27 November 2022 09:01 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/5 "2022-11-27T09:01:16Z")

</div>

~~That is the console for node-red editor, not the dashboard.~~

Sorry wrong thread.

---

<div class="post-metadata">

**Author:** ![qy666](https://avatars.discourse-cdn.com/v4/letter/q/c89c15/32.png) [@qy666](https://discourse.nodered.org/u/qy666)\
**Post date:** [27 November 2022 09:02 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/6 "2022-11-27T09:02:17Z")

</div>

yeah, I have refreshed.

 ![1669539566417](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/3/035e0c28f59122258d20a6a7f9ead4dd4bd1c6ac.png)  
 ![1669539631878](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/c/bc2452d5f5102201181538d00fad7798a85963bc.png)

---

<div class="post-metadata">

**Author:** ![qy666](https://avatars.discourse-cdn.com/v4/letter/q/c89c15/32.png) [@qy666](https://discourse.nodered.org/u/qy666)\
**Post date:** [27 November 2022 09:04 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/7 "2022-11-27T09:04:45Z")

</div>

I just run the command ="node-red". Is that any problems?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [27 November 2022 09:07 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/8 "2022-11-27T09:07:46Z")

</div>

Can you watch the network tab in devtools & hard refresh the page.

---

<div class="post-metadata">

**Author:** ![qy666](https://avatars.discourse-cdn.com/v4/letter/q/c89c15/32.png) [@qy666](https://discourse.nodered.org/u/qy666)\
**Post date:** [27 November 2022 10:13 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/9 "2022-11-27T10:13:45Z")

</div>

![1669543981121](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/f/df2ce5bfc859370d9f2913e582a5bd51ed8a5cb8.png)

---

<div class="post-metadata">

**Author:** ![qy666](https://avatars.discourse-cdn.com/v4/letter/q/c89c15/32.png) [@qy666](https://discourse.nodered.org/u/qy666)\
**Post date:** [27 November 2022 10:15 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/10 "2022-11-27T10:15:30Z")

</div>

and the rest:

 ![1669544099669](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/6/26a48d8856b50fc29b393b340a1b142280abdc6d.png)

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [27 November 2022 12:35 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/11 "2022-11-27T12:35:08Z")

</div>

Looks like you have browser plugins. For example, I can see the [single file](https://chrome.google.com/webstore/detail/singlefile/mpiodijhokgodhhofbcjdecpffjipkle?hl=en) plugin is being injected (single-file-hooks-frames.js). Plugins can sometimes adversely affect a web app.

Could you try disabling them one at a time, reload/refresh.

Thanks.

---

<div class="post-metadata">

**Author:** ![qy666](https://avatars.discourse-cdn.com/v4/letter/q/c89c15/32.png) [@qy666](https://discourse.nodered.org/u/qy666)\
**Post date:** [27 November 2022 12:57 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/12 "2022-11-27T12:57:21Z")

</div>

Thank you very much. That's working for me!

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [27 November 2022 14:02 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/13 "2022-11-27T14:02:18Z")

</div>

It is surprising that it stopped Edge and Chrome from working, or did you have the same plugin in both?

---

<div class="post-metadata">

**Author:** ![qy666](https://avatars.discourse-cdn.com/v4/letter/q/c89c15/32.png) [@qy666](https://discourse.nodered.org/u/qy666)\
**Post date:** [28 November 2022 06:18 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/14 "2022-11-28T06:18:30Z")

</div>

Edge and Chrome share the same plugins, because they got the same kernal... 😔

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [28 November 2022 07:08 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/15 "2022-11-28T07:08:34Z")

</div>

They don't share them unless you install the add-on in both do they?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [12 December 2022 07:08 UTC](https://discourse.nodered.org/t/node-red-editor-not-show-only-the-header-and-node-red-logo-are-visible/71309/16 "2022-12-12T07:08:40Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.
