Отредактируйте состояние в Redux для реакции.js

Question

У меня такая ошибка в приложении реакции

  1 of 6 errors on the page
Error: Cannot find module '../images/Kingsglaive_Final_Fantasy_XV.jpg'

, поэтому я думаю, что проблема в том, что я забыл еще две точки в моем файле, например:

'../../images/Kingsglaive_Final_Fantasy_XV.jpg'

потому что моя файловая структура выглядит следующим образом:

Теперь я хочу отредактировать мои редукторы, потому что код находится в MovieList-reducer.js.и просто нужно поместить две точки в imgUrl:

const reducer = () => {
    return (
        [
            {
                "id": 100,
                "title": "Kingsglaive",
                "subtitle": "Final Fantasy XV",
                "description": "King Regis, who oversees the land of Lucis, commands his army of soldiers to protect the kingdom from the Niflheim empire's plans to steal the sacred crystal.",
                "year": 2016,
                "imageUrl": "../../images/Kingsglaive_Final_Fantasy_XV.jpg",
                "rating": 4.5
            },
            {
                "id": 200,
                "title": "Final Fantasy",
                "subtitle": "Spirits Within",
                "description": "A scientist makes a last stand on Earth with the help of a ragtag team of soldiers against an invasion of alien phantoms.",
                "year": 2001,
                "imageUrl": "../../images/Final_Fantasy_Spirits_Within.jpg",
                "rating": 4.5
            },
            {
                "id": 300,
                "title": "Ghost In The Shell",
                "subtitle": "Ghost In The Shell",
                "description": "A hacker known as the Puppet Master is hunted by a female cyborg cop and her partner. This film is a revised version of Ghost in the Shell (1995).",
                "year": 2008,
                "imageUrl": "../../images/Ghost_In_The_Shell_2_0.jpg",
                "rating": 5
            },
            {
                "id": 400,
                "title": "Appleseed Alpha",
                "subtitle": "Appleseed Alpha",
                "description": "A young female soldier Deunan and her cyborg partner Briareos survive through the post World War 3 apocalyptic New York in search of human's future hope, the legendary city of Olympus.",
                "year": 2014,
                "imageUrl": "../../images/Appleseed_Alpha.jpg",
                "rating": 3.8
            },
            {
                "id": 500,
                "title": "Resident Evil",
                "subtitle": "Vendetta",
                "description": "Chris Redfield enlists the help of Leon S. Kennedy and Rebecca Chambers to stop a death merchant, with a vengeance, from spreading a deadly virus in New York.",
                "year": 2014,
                "imageUrl": "../../images/Resident_Evil_Vendetta.jpg",
                "rating": 4.2
            }
        ]
    )
}

export default reducer;

Но когда я редактирую свой MovieList-reducer.js, ничего не происходит, и ошибка все еще там.Я также редактирую заголовок, как добавление заголовка: «Kingsglaive12321», но это не отражается на состоянии избыточности.

Я попытался посмотреть на devtools, но в этом нет ничего плохого.Просто мои правки не меняются даже после редактирования файла.

Я также попытался удалить файлы редукторов, и я был шокирован, потому что при обновлении моего браузера в резервном хранилище все еще есть состояние

Почему оно не меняется?

РЕДАКТИРОВАТЬ:

Вот что я положил в MovieCards.js

    import React from 'react';

const MovieCard = (props) => {
    return (
        <div>
            <img src={require(props.movie.imageUrl)} alt="" />
            <h4>{props.movie.title}</h4>
            <h6>{props.movie.subtitle}</h6>
        </div>
    )
}

export default MovieCard

и у меня есть это предупреждение в терминале: Критическая зависимость: запрос зависимости является выражением