Импорт LessCss завершился неудачно с URL и якорями

Question

Я пытаюсь импортировать файлы .less и добавить несколько фоновых изображений в мой основной файл less.Код (на стороне клиента):

@import "child";

.image{
    background-image:url("image.png");
}

Файл Less вызывается из URL:

http://localhost/mywebsite#/root. 

Less компилируется импорт в:

http://localhost/mywebsite#/root//localhost/mywebsite#/root//mywebsite/child.less

URL фонового изображения:

http://localhost/mywebsite#/root//localhost/mywebsite#/root//mywebsite/image.png

Answer 1

Без живого примера будет сложно точно определить путь, с которого загружается ваш код.

Убедитесь, что вы загружаете файлы с правильным путем:

<link rel="stylesheet/less" type="text/css" href="styles.less">

Все значения .less CSS будут загружены относительно этого URL.

Вы также можете попробовать использовать:

.image{
    background-image:url("/image.png");
}

Если ничего не помогает, вы всегда можете использовать абсолютный путь к изображению

.image{
    background-image:url("http://localhost/mywebsite#/root/image.png");
}