Значок загрузки в SCSS с использованием Angular 19 ⇐ Javascript

[Anonymous]

Я сталкиваюсь с проблемой с загрузкой значка SVG в файл SCSS в проекте Angular 19, который развернут в качестве статического ресурса Salesforce.

Код: Выделить всё

content: url(/vx-grid-assets/icons/indeterminate-box.svg);
< /code>
Это работает только во время разработки, но при развертывании в Salesforce он неправильно разрешает весь путь правильно. Вместо этого он пытается загрузить: < /p>
http://saas-power-4087-dev-ed--c.scratch.container.force.com/vx-grid-assets/icons/indeterminate-box.svg
< /code>
Но поскольку это служил статическим ресурсом, он фактически должен быть относительным путем. Так что мне нужно, чтобы решить, как: < /p>
content: url(./vx-grid-assets/icons/indeterminate-box.svg);
< /code>
Однако, если я использую: < /p>
content: url(vx-grid-assets/icons/indeterminate-box.svg);
content: url(./vx-grid-assets/icons/indeterminate-box.svg);
content: url("vx-grid-assets/icons/indeterminate-box.svg");
content: url("./vx-grid-assets/icons/indeterminate-box.svg");
< /code>
Я получаю ошибки компиляции от Angular.{
"glob": "**/*",
"input": "./common-libraries/vx-grid/vx-grid-resources/assets",
"output": "vx-grid-assets"
}

Таким образом, активы копируются правильно и доступны во время выполнения в рамках Vx-Grid-Assets/, но я не могу правильно ссылаться на них в SCS, не получая ошибки сборки.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... angular-19