backgroundImage не находит мой путь к URL

Question

Я пытаюсь применить backgroundImage, но он не находит URL моего локального пути.

Я пытаюсь:

import { makeStyles } from '@material-ui/core/styles';
const loginWrapperStyles = makeStyles(theme => ({
image: {
        backgroundImage: 'url(../../../public/assets/regbackground.jpg)',
}}))

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

Это точно имя / формат изображения:

Что я делаю не так? Мое изображение не отображается.

Answer 1

Попробуйте это

import { makeStyles } from '@material-ui/core/styles';
import image from '../../../public/assets/regbackground.jpg'
const loginWrapperStyles = makeStyles(theme => ({
image: {
        backgroundImage: `url(${image})`,
}}))