Почему мой значок не отображается для моего проекта Vue. js? - PullRequest
Новая
       22

Почему мой значок не отображается для моего проекта Vue. js?

0 голосов
/ 27 января 2020

Мой favicon больше не отображается в моем проекте Vue. js (он работал некоторое время). Насколько я знаю, я не изменил код, связанный с иконкой фавикон, или переместил файл. В тегах <head> моего index.html document я ссылаюсь на мой значок со следующей (автоматически сгенерированной) строкой кода: 

<link rel="icon" href="<%= BASE_URL %>favicon.png">

Мой значок находится в каталоге publi c, как показано ниже

enter image description here

Я пытался заменить автоматически сгенерированную строку сверху всем следующим, но безрезультатно: 

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

Я даже сделал vue .config. js файл по предложению некоторых других форумов на topi c, который также не работал 

module.exports = {
  pwa: {
    iconPaths: {
      favicon32: "./public/favicon.png",
      favicon16: "./public/favicon.png",
      appleTouchIcon: "./public/favicon.png",
      maskIcon: "./public/favicon.png",
      msTileImage: "./public/favicon.png"
    }
  }
};

Я очистил свой браузер кеш после внесения каждого изменения и пробовал в различных браузерах. На данный момент я совершенно не понимаю, что может быть причиной этого: /

Версии: 

"vue": "^2.6.11",
"vuex": "^3.1.2",

Ответы [ 2 ]

1 голос
/ 27 января 2020

См. Прикрепленную ссылку. Я думаю, что при настройке проекта vue возникает проблема с каталогом.

{ ссылка } введите описание ссылки здесь

0 голосов
/ 27 января 2020

Я предлагаю использовать этот веб-сайт для создания значков. У меня были некоторые проблемы с этим в Vuejs, но этот сайт работает безупречно. Также дает вам код, который нужно добавить в ваш файл index.html.

...