ts-nextjs-tailwind-starter icon indicating copy to clipboard operation
ts-nextjs-tailwind-starter copied to clipboard

console error : GET http://localhost:3000/favicon.ico 404 (Not Found)

Open cha2hyun opened this issue 2 years ago • 0 comments

console says GET http://localhost:3000/favicon.ico 404 (Not Found) (i didn't edit anythings in src > components > Seo.tsx or public > favicon) image

The problem is when i Link to other pages, console says it visiting 404 pages several times.

404.tsx

import * as React from 'react';
import { RiAlarmWarningFill } from 'react-icons/ri';

import Layout from '@/components/layout/Layout';
import ArrowLink from '@/components/links/ArrowLink';
import Seo from '@/components/Seo';

export default function NotFoundPage() {
  return (
    <Layout title='404'>
      <Seo templateTitle='Not Found' />
...

Layout.tsx

import * as React from 'react';

import Header from './Header';

export default function Layout({
  children,
  title,
  prevUrl,
}: {
  children: React.ReactNode;
  title: string;
  prevUrl?: string;
}) {
  return (
    <>
      <Header title={title} prevUrl={prevUrl} />
      <section className='min-h-full'>{children}</section>
...

Header.tsx

export default function Header({
  title,
  prevUrl,
}: {
  title: string;
  prevUrl?: string;
}) {
console.log(title, prevUrl)
...

When i navigate to other pages console says like below. image

cha2hyun avatar Aug 11 '22 02:08 cha2hyun