Custom element doesn't exist: mod-card.

My Home Assistant version: 2022.3

My lovelace configuration method (GUI or yaml): GUI

What I am doing: make use of “custom: mod-card” on vertical-stack card /card-mod.js installed as frontend extra-module

What I expected to happen: styling cards without an <ha-card> element

What happened instead: “Custom element doesn’t exist: mod-card.”

The least amount of code possible to reproduce my error

Custom element doesn't exist: mod-card.
type: custom:mod-card
card:
  type: vertical-stack
  cards:
    - type: entities
      entities:
        - sensor.pid_temperature
card_mod:
  style: |
    ha-card {
      --ha-card-background: teal;
    }

By putting an X in the boxes ([]) below, I indicate that I:

• Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).

• Have made sure I am using the latest version of the plugin.

• Have followed the troubleshooting steps of the “Common Problems” section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.

• Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.

[RomRider]

Same here, eventually after refreshing the page 10 times it shows up one time and then breaks again on the next refresh.

[troinine]

Same here when upgrading to HA 2022.3.3. Reverting back to 2022.2.9 fixes the issue but this prevents the upgrade to any 2022.3.x version it seems.

Looks like a duplicate to #185. My card-mod config is as follows:

frontend:
  extra_module_url:
    - /local/community_cards/card-mod.js

I have not tested loading card-mod as a resource but by the looks of it, people have been struggling with that config as well.