# GET xxx:1880/ui/loading.html 404 (Not Found) and SideNav 'left' is not available! Did you use md-component-id='left'?

**URL:** <https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902>\
**Category:** Dashboard\
**Created:** [19 May 2020 09:25 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902 "2020-05-19T09:25:15Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![TomLi](https://avatars.discourse-cdn.com/v4/letter/t/9fc29f/32.png) [@TomLi](https://discourse.nodered.org/u/TomLi)\
**Post date:** [19 May 2020 09:25 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/1 "2020-05-19T09:25:15Z")

</div>

when open [http://xxx:1880/ui](http://xxx:1880/ui) on Chrome browsers, there are some error in the browser debug console.

 ![error](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/c/0ced6dcba9071563b630c8ffde6a974dfd725353.jpeg)

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [19 May 2020 09:32 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/2 "2020-05-19T09:32:37Z")

</div>

nothing to worry about. The Loading one is there purely so end users can add their own "loading" page if required. The other is a small timing issue with angular and loading and resources being ready.

---

<div class="post-metadata">

**Author:** ![TomLi](https://avatars.discourse-cdn.com/v4/letter/t/9fc29f/32.png) [@TomLi](https://discourse.nodered.org/u/TomLi)\
**Post date:** [19 May 2020 09:40 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/3 "2020-05-19T09:40:26Z")

</div>

Thanks. but Is there any way to solve it?

---

<div class="post-metadata">

**Author:** ![TomLi](https://avatars.discourse-cdn.com/v4/letter/t/9fc29f/32.png) [@TomLi](https://discourse.nodered.org/u/TomLi)\
**Post date:** [19 May 2020 09:43 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/4 "2020-05-19T09:43:32Z")

</div>

about "loading" page, how to do it?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [19 May 2020 11:47 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/5 "2020-05-19T11:47:11Z")

</div>

There is nothing to solve

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [19 May 2020 11:55 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/6 "2020-05-19T11:55:52Z")

</div>

If you want to add a loading page add your loading.html to the node\_modules/node-red-dashboard/dist folder

---

<div class="post-metadata">

**Author:** ![bsense](https://avatars.discourse-cdn.com/v4/letter/b/cab0a1/32.png) [@bsense](https://discourse.nodered.org/u/bsense)\
**Post date:** [1 June 2020 08:00 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/7 "2020-06-01T08:00:07Z")

</div>

Same problem here.  
The issue is that if you do not add the loading.html **the ui page shows nothing**. What used to be pretty straight forward (no code, just clicking) now needs to create a file and copy to a very specific location. No big issue for seasoned people, but kinda frustrating for newbies I teach to.  
May there be a workaround for this so that loading.html is not mandatory?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [1 June 2020 08:10 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/8 "2020-06-01T08:10:34Z")

</div>

It's not mandatory.  
What browser/OS are you using ?

---

<div class="post-metadata">

**Author:** ![TomLi](https://avatars.discourse-cdn.com/v4/letter/t/9fc29f/32.png) [@TomLi](https://discourse.nodered.org/u/TomLi)\
**Post date:** [1 June 2020 08:16 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/9 "2020-06-01T08:16:11Z")

</div>

Thanks for your reply

---

<div class="post-metadata">

**Author:** ![TomLi](https://avatars.discourse-cdn.com/v4/letter/t/9fc29f/32.png) [@TomLi](https://discourse.nodered.org/u/TomLi)\
**Post date:** [1 June 2020 08:16 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/10 "2020-06-01T08:16:52Z")

</div>

chrome/win10

---

<div class="post-metadata">

**Author:** ![bsense](https://avatars.discourse-cdn.com/v4/letter/b/cab0a1/32.png) [@bsense](https://discourse.nodered.org/u/bsense)\
**Post date:** [1 June 2020 08:16 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/11 "2020-06-01T08:16:52Z")

</div>

I am in windows 10 pro with chrome 83.0.4103.61

---

<div class="post-metadata">

**Author:** ![bsense](https://avatars.discourse-cdn.com/v4/letter/b/cab0a1/32.png) [@bsense](https://discourse.nodered.org/u/bsense)\
**Post date:** [1 June 2020 08:24 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/12 "2020-06-01T08:24:20Z")

</div>

same happens with w10 pro and ms edge. This happens to node-red in rasp and win versions.

I have also tested it with a windows 2019 datacenter VM in azure with Internet Explorer and same results: /ui shows nothing, loading.html missing.

I have other instances of Nodered currently running with older versions that /ui just shows fine with same OS and same browsers

---

<div class="post-metadata">

**Author:** ![TomLi](https://avatars.discourse-cdn.com/v4/letter/t/9fc29f/32.png) [@TomLi](https://discourse.nodered.org/u/TomLi)\
**Post date:** [1 June 2020 08:28 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/13 "2020-06-01T08:28:32Z")

</div>

It can be solved to add blank load.html file on node-red path

---

<div class="post-metadata">

**Author:** ![bsense](https://avatars.discourse-cdn.com/v4/letter/b/cab0a1/32.png) [@bsense](https://discourse.nodered.org/u/bsense)\
**Post date:** [1 June 2020 08:36 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/14 "2020-06-01T08:36:07Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/2/f22dac777224599e6e4647a4058f471ec852aebd.png)

if I add loading.html in .../dist now shows the spinning wheel but ui does not load themeState error persists...

---

<div class="post-metadata">

**Author:** ![TomLi](https://avatars.discourse-cdn.com/v4/letter/t/9fc29f/32.png) [@TomLi](https://discourse.nodered.org/u/TomLi)\
**Post date:** [1 June 2020 08:44 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/15 "2020-06-01T08:44:43Z")

</div>

add loading.html on /node-red, but there is nothing in loading.html, I run it normally

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [1 June 2020 09:02 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/16 "2020-06-01T09:02:22Z")

</div>

that error isn't to do with loading.html ?

---

<div class="post-metadata">

**Author:** ![TomLi](https://avatars.discourse-cdn.com/v4/letter/t/9fc29f/32.png) [@TomLi](https://discourse.nodered.org/u/TomLi)\
**Post date:** [1 June 2020 09:07 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/17 "2020-06-01T09:07:31Z")

</div>

The error isn't to do with loading.html.

---

<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:** [1 July 2020 09:08 UTC](https://discourse.nodered.org/t/get-xxx-1880-ui-loading-html-404-not-found-and-sidenav-left-is-not-available-did-you-use-md-component-id-left/26902/18 "2020-07-01T09:08:41Z")

</div>

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