Отсутствуют значки SVG после публикации расширения VSCode

Мое расширение использует два изображения SVG для навигации/обновления внутри vscode. Просмотр изображения

Все отлично работает в отладчике, но опубликованные версии не показывают SVG-изображения?

Вот как я установил их в свой package.json:

"commands": [
    {
        "command": "live-workspace.refresh",
        "title": "Refresh",
        "icon": {
            "dark": "./src/media/darkReload.svg",
            "light": "./src/media/lightReload.svg"
        }
    }
]

а также:

"viewsContainers": {
    "activitybar": [
        {
            "id": "live-workspace",
            "title": "Live-Workspace",
            "icon": "./src/media/laptop.svg"
        }
    ]
}

У меня есть ошибка GET() в консоли инструментов разработчика, как вы можете видеть на изображении. Есть идеи, что вызывает это?

3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
1
0
195
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Наиболее вероятное объяснение состоит в том, что изображения на самом деле не поставлялись вместе с релизом.

Файл .vscodeignore по умолчанию из шаблона расширения VSCode имеет, среди прочего, следующую строку, чтобы избежать ненужного включения исходных файлов в выпуски:

src/**

Я предлагаю вам просто переместить изображения в другое место, так как каталог src не очень подходит для этого. Общее соглашение, по-видимому, состоит в том, чтобы иметь отдельный каталог images или resources.

Другие вопросы по теме