Local host começou a apresentar erros

Olá, após fazer as mudanças nessa aula, o local host não carrega mais as imagens, e apresenta essa tela.

Isso aparece no navegador. Não sei o que causou. Seguem os arquivos que foram alterados na aula.

Pasta link - index.tsx

import React from 'react'
import styles from ".\link.module.css"

const Link = ({children, ...rest}: {children: React.AnchorHTMLAttributes<HTMLAnchorElement>}) => {
  return <a className={styles.link} {...rest}>{children}</a>
};

export default Link

link.module.css

.link {
    text-decoration: none;
    color: var(--preto);
};

.link:hover {
    transform: scale(1.1);
};

App.tsx

import Banner from "./components/banner";
import Link from "./components/link";

function App() {
  return (
  <>
  <Banner src="public\Banner.png" alt="banner"/>;
  <Link href="/" target="_blank">
  Link
  </Link>
  </>
  );
};

export default App

Pasta Banner - index/tsx

mport styles from "./banner.module.css"

type Bannerprops = {
  src: string;
  alt: string;
};

const Banner = ({ src, alt }: Bannerprops) => {
  return <img src={src} alt={alt} className={styles.banner}/>
};

export default Banner

banner.module.css

.banner {
    width: 100%;
    margin-bottom: -7px;
};