diff --git a/src/layouts/ha-init-page.ts b/src/layouts/ha-init-page.ts index f8476643ec..737346c6f4 100644 --- a/src/layouts/ha-init-page.ts +++ b/src/layouts/ha-init-page.ts @@ -1,4 +1,3 @@ -import "@polymer/paper-button/paper-button"; import "@polymer/paper-spinner/paper-spinner-lite"; import { @@ -62,6 +61,13 @@ class HaInitPage extends LitElement { `; } + protected updated(changedProps) { + super.updated(changedProps); + if (changedProps.has("error") && this.error) { + import(/* webpackChunkName: "paper-button" */ "@polymer/paper-button/paper-button"); + } + } + private _retry() { location.reload(); } diff --git a/src/layouts/hass-loading-screen.js b/src/layouts/hass-loading-screen.js index 025f6ee84a..d97813833b 100644 --- a/src/layouts/hass-loading-screen.js +++ b/src/layouts/hass-loading-screen.js @@ -1,6 +1,6 @@ import "@polymer/app-layout/app-toolbar/app-toolbar"; import "@polymer/iron-flex-layout/iron-flex-layout-classes"; -import "@polymer/paper-spinner/paper-spinner"; +import "@polymer/paper-spinner/paper-spinner-lite"; import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; @@ -25,10 +25,10 @@ class HassLoadingScreen extends PolymerElement { narrow="[[narrow]]" show-menu="[[showMenu]]" > -