Angular 8 Fotorama не показывает изображение для предварительного просмотра внизу

Question

Я пытаюсь использовать Fotorama для моего angular веб-приложения. Однако он не работает после завершения компиляции. Я имел в виду Официальные документы Fotorama , но это не работает. Проблема в том, что оно не показывает изображение предварительного просмотра внизу.

<!-- jQuery 1.8 or later, 33 KB -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>

<!-- Fotorama from CDNJS, 19 KB -->
<link  href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>

 <div class="maincontent bg--white pt--80 pb--55">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-9">
                    <div class="wn__single__product">
                        <div class="row">
                            <div class="col-lg-4 col-12">
                                <div class="wn__fotorama__wrapper">
                                    <div class="fotorama wn__fotorama__action" data-nav="thumbs">
                                        <img src="../../assets/images/product/1.jpg" alt="">
                                        <img src="../../assets/images/product/2.jpg" alt="">
                                        <img src="../../assets/images/product/3.jpg" alt="">
                                        <img src="../../assets/images/product/4.jpg" alt="">
                                        <img src="../../assets/images/product/5.jpg" alt="">
                                        <img src="../../assets/images/product/6.jpg" alt="">
                                        <img src="../../assets/images/product/7.jpg" alt="">
                                        <img src="../../assets/images/product/8.jpg" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>

Это после компиляции

Это без компиляции, я просто дважды щелкаю файл HTML.

Answer 1

Если ваши изображения загружаются, когда вы открываете этот файл напрямую, пути к вашим изображениям, вероятно, неправильные. Вы пытались заменить "../../assets/images/product/" на "assets / images / product /"?

Папка Assets должна находиться в пути приложения, а не на два уровня выше его.