Странное поведение с относительными и абсолютными путями во всплывающем окне Chrome

Question

Всплывающее * расширение

My chrome html обрабатывает пути к файлам JS и CSS, как если бы они относились к родительской папке html, а к файлам других типов, как если бы они относились к родительская папка родителя.

Это моя структура папок:

? root
  ↳ manifest.json
  ↳ ? assets
     ↳ popup.html
     ↳ ? css
     ↳ ? js
     ↳ ? images
     ↳ ? fonts

Внутри всплывающего окна. html, теги вроде этих работают нормально:

<link href="css/popup.css" rel="stylesheet">
<script type="text/javascript" src="js/popup.js"></script>

Но это один сбой с net :: ERR_FILE_NOT_FOUND

<img src="images/example_image.svg">

Что странно, если я изменю путь к изображению на:

<img src="assets/images/example_image.svg">

^ это работает, но я понятия не имею, почему потому что путь должен быть относительно того же каталога, файлы CSS и JS.

Я проверил и перепроверил 100 раз, и нет проблем с именами файлов и папкой структура именно так, как и должно быть.

Answer 1

Отвечая на мой собственный вопрос: по какой-то причине проблема была решена, когда я поместил содержимое файлов / непосредственно в папку root. Я предполагаю, что chrome расширения имеют какую-то ошибку с вложенными каталогами