Добавление favicon в следующий js реагирующий проект - PullRequest
Новая
       16

Добавление favicon в следующий js реагирующий проект

2 голосов
/ 25 марта 2020

Я пытаюсь добавить значок в проект Next js. Проект был создан с использованием create-next-app.

У меня есть favicon.png в папке public - Следуя указаниям от stati c, обслуживающих файл здесь

В моем файле макета у меня есть следующий код: 

       <Head>
          <title>{title}</title>
          <meta charSet="utf-8" />
          <meta
            name="viewport"
            content="initial-scale=1.0, width=device-width"
          />
          <link rel="shortcut icon" href="../public/favicon.png" />
          <link
            rel="stylesheet"
            href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
          />
        </Head>

Файл макета находится в каталоге components, а public в root.

Тем не менее, значок не отображается. Что я делаю не так?

Ответы [ 2 ]

0 голосов
/ 04 апреля 2020

В вашем примере вам не нужно перемещаться вверх по каталогу. Просто используйте /public вместо ../public.

<link rel="shortcut icon" href="/public/favicon.ico" />

0 голосов
/ 26 марта 2020

Фавикон загружается браузером, а не во время сборки. Вы должны указать веб-каталог root. 

<link rel="icon" type="image/png" href="/favicon.png" />
...