Custom Element Doesnt Exist: mini-media-player

/config/www contains the .js file

ui-lovelace.yaml has:

  • url: /local/mini-media-player-bundle.js?v=1.6.0
    type: module
  - title: Media Control
    icon: 'mdi:movie'
    cards: 
      - type: vertical-stack
        cards: 
          - type: custom:mini-media-player
            entity: media_player.kitchen_echo
          - type: custom:mini-media-player
            entity: media_player.master_echo
          - type: custom:mini-media-player
            entity: media_player.addison_echo
          - type: custom:mini-media-player
            entity: media_player.master_bath
          - type: custom:mini-media-player
            entity: media_player.kids_bath

is that your full config?

for this element, yes

resources:
  - url: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js?v=0.1.1
    type: js
  - url: /local/multiple-entity-row.js?v=3.0.0
    type: module
  - url: /local/slider-entity-row.js
    type: module
  - url: /local/button-entity-row.js
    type: module
  - url: /local/mini-graph-card-bundle.js?v=0.9.2
    type: module
  - url: /local/rgb-light-card.js
    type: js
  - url: /local/mini-media-player-bundle.js?v=1.6.0
    type: module

title: Vermillion Home
views:
  - title: Home View
    icon: 'mdi:home'
    cards:
      - type: picture-elements
        image: /local/myhome.png
        elements:
          - type: state-icon
            entity: light.masterlights
            style:
              right: 10%
              top: 35%
              --iron-icon-height: 35px
              --iron-icon-width: 35px
              --paper-item-icon-color: red
          - type: state-icon
            entity: lock.frontdoor_lock_locked
            style:
              bottom: 10%
              left: 35%
              --iron-icon-height: 35px
              --iron-icon-width: 35px
              --paper-item-icon-color: red
          - type: state-icon
            entity: cover.garage_door_opener
            style:
              bottom: 6%
              right: 10%
              --iron-icon-height: 40px
              --iron-icon-width: 40px
              --paper-item-icon-color: red
          - type: state-icon
            entity: light.livingroomlights
            style:
              bottom: 12%
              left: 15%
              --iron-icon-height: 35px
              --iron-icon-width: 35px
              --paper-item-icon-color: red
          - type: state-icon
            entity: light.officelights
            style:
              bottom: 12%
              left: 50%
              --iron-icon-height: 35px
              --iron-icon-width: 35px
              --paper-item-icon-color: red
      - type: picture-glance
        title: Front Door
        entities:
          - lock.frontdoor_lock_locked
          - sensor.doorbell_battery
          - binary_sensor.doorbell_motion
        camera_image: camera.doorbell
      - type: glance
        title: People
        entities:
          - device_tracker.life360_ken
          - device_tracker.life360_katie
          - device_tracker.addieiphone
          - device_tracker.katie_iphone
      - type: map
        aspect_ratio: 16:9
        default_zoom: 9
        entities:
          - device_tracker.life360_ken
          - device_tracker.life360_katie
          - zone.mt_airy_home
          - zone.dc3
      - type: weather-forecast
        entity: weather.dark_sky
  - title: Light Control
    icon: 'mdi:lightbulb-group'
    cards:
      - type: entities
        title: Brightness Control
        show_header_toggle: false
        entities:
          - label: Main Level
            type: section
          - entity: light.livingroomlights
            type: custom:slider-entity-row
            name: Living Room
          - entity: light.kitchenlights
            type: custom:slider-entity-row
            name: Kitchen
          - entity: light.familyroomlights
            type: custom:slider-entity-row
            name: Family Room
          - entity: light.sunroomlights
            type: custom:slider-entity-row
            name: Sunroom
          - entity: light.officelights
            type: custom:slider-entity-row
            name: Office
          - label: Basement
            type: section
          - entity: light.salonlights
            type: custom:slider-entity-row
            name: Salon
          - label: Upper Level
            type: section
          - entity: light.upperlevellights
            type: custom:slider-entity-row
            name: Master Bed
          - label: Outside
            type: section
          - entity: light.front_porch
          - entity: light.garage_door
          - entity: light.basement_door
      - type: entities
        title: Color Control
        show_header_toggle: false
        entities:   
          - label: Kitchen Color
            type: section
          - type: custom:rgb-light-card
            entity: light.kitchenlights
            colors:
              - rgb_color:
                - 255
                - 0
                - 0
                brightness: 254
              - rgb_color:
                - 255
                - 125
                - 0
                brightness: 254
              - rgb_color:
                - 255
                - 255
                - 0
                brightness: 254
              - rgb_color:
                - 125
                - 255
                - 0
                brightness: 254
              - rgb_color:
                - 0
                - 255
                - 0
                brightness: 254
              - rgb_color:
                - 0
                - 255
                - 255
                brightness: 254
              - rgb_color:
                - 0
                - 125
                - 255
                brightness: 254
              - rgb_color:
                - 0                
                - 0
                - 255
                brightness: 254
              - rgb_color:
                - 125
                - 0
                - 255
                brightness: 254
              - rgb_color:
                - 255
                - 0
                - 255
                brightness: 254
              - rgb_color:
                - 255
                - 0
                - 125
                brightness: 254
          - label: Salon Color
            type: section
          - entity: light.salonlights
            type: custom:multiple-entity-row
            name: Hair Salon
            secondary_info: last-changed
            entities:
              - icon: mdi:weather-sunny
                name: Daylight
                tap_action:
                  action: call-service
                  service: script.turn_on
                  service_data: 
                    entity_id: script.salon_day
              - icon: mdi:weather-night
                name: Soft White
                tap_action:
                  action: call-service
                  service: script.turn_on
                  service_data: 
                    entity_id: script.salon_night
  - title: Thermostat Control
    icon: 'mdi:thermometer'
    cards:
      - type: vertical-stack
        cards:
          - type: thermostat
            entity: climate.home1
            name: Upstairs
          - type: thermostat
            entity: climate.downstairs
            name: Downstairs
      - type: vertical-stack
        cards:
          - type: custom:mini-graph-card
            entities:
              - entity: sensor.downstairs_temperature
                name: Main Therm
              - entity: sensor.office_sensor_temperature
                name: Office
                y_axis: secondary
            show:
              labels: true
              labels_secondary: true
            hours_to_show: 72
  - title: Media Control
    icon: 'mdi:movie'
    cards: 
      - type: vertical-stack
        cards: 
          - type: custom:mini-media-player
            entity: media_player.kitchen_echo
          - type: custom:mini-media-player
            entity: media_player.master_echo
          - type: custom:mini-media-player
            entity: media_player.addison_echo
          - type: custom:mini-media-player
            entity: media_player.master_bath
          - type: custom:mini-media-player
            entity: media_player.kids_bath
  - title: Lock Control
    icon: 'mdi:lock'
    cards:

so your resource is in the correct location in the yaml file or not?

posted the full config, but yes I have it there under resources: like any others that are working

Are you using chrome by chance?

yep sure am! works in FF I just tired…what is different?

Probably just need to clear your cache, CTRL+F5 on the page.

yep, who knew?!

thanks!

It’s standard with all browser based UIs. Browsers are designed to minimize transfer of data. So they cache (store things locally) for every webpage. It will only update that cache when it thinks it needs to. If you make any changes to your lovelace configuration, you should always ctrl+f5 to refresh the page.

1 Like