#Cannot find module '~/millenia_logo.png?jsx'

2 messages · Page 1 of 1 (latest)

jovial void
#

I have this code:

import { component$ } from "@builder.io/qwik";
import { Link } from "@builder.io/qwik-city";
import Logo from "~/millenia_logo.png?jsx";

export default component$(() => {
  return (
    <header>
      <Logo class="logo" />
      <div class="logo_text">millenia.day</div>

      <div class="header_line">
        <Link class="menu" href="/">
          Home
        </Link>
      </div>
    </header>
  );
});

image is there

but npm start gives:

[vite] Internal server error: Cannot find module '~/millenia_logo.png?jsx' imported from 'C:/Users/NUC/_work/millenia/src/components/header/header.tsx'
  File: /Users/NUC/_work/millenia/src/components/header/header.tsx:9:37   
granite pier