Блог

Изображения не отображаются, когда я использую браузер Brave, но когда я использую другие браузеры, например Chrome, изображения в моем приложении отображаются.

как вы можете видеть в моем коде, я создал объект, который обрабатывает все изображения, чтобы я мог динамически импортировать эти изображения в мои компоненты.

 const Assets = {
    logo: require('./logo.svg').default,
    spots: require('./spots.svg').default,
};
export default Assets;
 

вот компонент, который импортирует некоторые из этих изображений:

 import Assets from '../Assets/Index.js'

export default function ButtonAppBar() {
    const classes = useStyles();

    return (
        <div className={classes.root}>
            <AppBar position="fixed">
                <Toolbar variant='regular'>
                    <Button className='button-image__logo' variant="text">
                        <img src={Assets.logo} alt="logo" />
                    </Button>
                    <Button className='button-image__spot' >
                        <img src={Assets.spots} alt="car-spot" />
                    </Button>
                    <Button variant="text" color="primary" size='large'>Login</Button>
                </Toolbar>
            </AppBar>
        </div>
    );
}
 

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

Я также попытался очистить кэш Brave, это ничего не меняет.

Это проблема с браузером Brave или самой реакцией и что я могу сделать, чтобы это исправить?

NB: Я использовал yarn для создания react-приложения