multiple usages of new URL + import.meta.url in same file only bundles the last occurrence

[thescientist13]

What happened?

When I have a component with multiple usages of new URL + import.meta.url in the same file, it looks like only the last instance is getting bundled.

const template = document.createElement('template');

export default class HeaderComponent extends HTMLElement {
  #logo = new URL("../../assets/greenwood-logo.png", import.meta.url);
  #otherLogo = new URL("../../assets/nodejs.svg", import.meta.url);

  connectedCallback() {
    if (!this.shadowRoot) {
      template.innerHTML = `
        <header class="header">
          <a href="/">
            <img src="${this.#logo.pathname.replace(window.location.pathname, "/")}" alt="Greenwood Logo"/>
            <h4>My Blog</h4>
          </a>
          <img src="${this.#node.pathname.replace(window.location.pathname, "/")}" alt="NodeJS Logo"/>
        </header>
      `;
      
      this.attachShadow({ mode: 'open' });
      this.shadowRoot.appendChild(template.content.cloneNode(true));
    }
  }
}

customElements.define('app-header', HeaderComponent);

In the browser, we can see the src attribute of the first <img> tag has an unbundled path, but the second one is

Steps to reproduce

1. Have a component with two usages of new URL + import.meta.url in the same file
2. Run Greenwood's build command

Repro repo - https://github.com/ProjectEvergreen/greenwood-getting-started/compare/1408-debug-new-url-import-meta?expand=1

Environment

• Greenwood v0.31.0
• Node v22

Additional Context

N / A