В документации Gatsby сказано, что я могу поместить файл img в папку с ресурсами, и я смогу назвать его так: url(someimage.png)
Вслед за этим имею следующее. static/images/
здесь у меня есть файлы изображений.
Затем в файле css у меня есть этот вызов URL-изображения.
.ui-accordion .ui-state-default {
background: url(images/bg_widget_header.png) no-repeat 0 0;
}
Я могу подтвердить, что это изображение здесь: images/bg_widget_header.png
Я получаю следующую ошибку: ошибка Генерация пакета JavaScript для разработки не удалась
Can't resolve './images/bg_widget_header.png' in '/Users/ohms/Code/eagle-eye-site/src/styles'
Что я упускаю или делаю неправильно?
🤔 А знаете ли вы, что...
JavaScript позволяет создавать собственные серверные приложения с использованием платформы Node.js.
Да, вы можете использовать изображение объекта в качестве фона. Вам может понадобиться найти правильный путь, используя теорию относительности, что-то вроде
background: url("../images/bg_widget_header.png") no-repeat 0 0;
Кроме того, вам не нужно хранить это изображение в папке /static, так как изображение будет использоваться, и оно является внутренним в проекте, вы можете хранить его где угодно и продолжать находить путь, используя относительные пути (../../).