Приложение React неправильно «прокладывает путь» к моему изображению ⇐ CSS

[Anonymous]

У меня есть приложение React, созданное с помощью Vite. Я также использую стилизованные компоненты. Все работает нормально, за исключением того, что когда я указываю фоновое изображение, оно не создает правильный путь.
[img]https://i.sstatic. net/659RLpGB.png[/img]

Как видите, он вводит «@fs» вместе с физическим путем. Вот мой соответствующий код:

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

import styled from 'styled-components';
import spinner from '../../images/spinner.svg';

const WaitSpinnerContainer = styled.div`
display: flex;
flex-direction: row;
align-items: center;
max-height: 100%;
background-image: url('${spinner}');
`;

Думаю, я ожидаю, что URL-адрес будет либо относительным путем, либо изображением в кодировке Base64.

Подробнее здесь: https://stackoverflow.com/questions/787 ... g-my-image