¿Poner texto del carousel bootstrap arriba?

¿Como puedo subir el texto hacia arriba? me lo pone hacia abajo.

le puedo meter un padding, pero creo que no es la forma correcta de subirlo, ademas me daria error a la larga, he estado buscando tutoriales y no encuentro la manera, si me podeis ayudar lo agradeceria, os paso la pagina web para que veais como el texto esta puesto abajo, tambien me gustaria ponerle una box con opacidad para que se vea mejor el texto, por que con las imágenes se puede ver mal.

stealand

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">         <ol class="carousel-indicators">             <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>             <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>             <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>         </ol>         <div class="carousel-inner">             <div class="carousel-item vh-100 active">                 <img class="d-block w-100" src="https://wallpaperplay.com/walls/full/4/2/2/234831.jpg" alt="First slide">                 <div class="carousel-caption d-none d-md-block">                     <h1 class="display">Lorem ipsum dolor sit amet.</h1>                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, repellendus.</p>                 </div>             </div>             <div class="carousel-item vh-100">                 <img class="d-block w-100" src="https://wallpaperplay.com/walls/full/f/8/a/234838.jpg" alt="Second slide">                 <div class="carousel-caption d-none d-md-block">                     <h5>Lorem ipsum dolor sit amet.</h5>                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, repellendus.</p>                 </div>             </div>             <div class="carousel-item vh-100">                 <img class="d-block w-100" src="https://wallpaperplay.com/walls/full/1/d/4/234836.jpg" alt="Third slide">                 <div class="carousel-caption d-none d-md-block">                     <h5>Lorem ipsum dolor sit amet.</h5>                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, repellendus.</p>                 </div>             </div>         </div>         <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">                 <span class="carousel-control-prev-icon" aria-hidden="true"></span>                 <span class="sr-only">Previous</span>             </a>         <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">                 <span class="carousel-control-next-icon" aria-hidden="true"></span>                 <span class="sr-only">Next</span>             </a>      </div> 
.carousel-item {   position: relative;   display: none;   float: left;   width: 100%;   margin-right: -100%;   -webkit-backface-visibility: hidden;   backface-visibility: hidden;   transition: -webkit-transform 0.6s ease-in-out;   transition: transform 0.6s ease-in-out;   transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; }  .carousel-caption {   position: absolute;   right: 15%;   bottom: 20px;   left: 15%;   z-index: 10;   padding-top: 20px;   padding-bottom: 20px;   color: #fff;   text-align: center; }  

SharePoint 2013 using Javascript to create a picture library carousel

I am trying to extend the out of the box Picture Library Slideshow Web Part , to be able to click an image and be redirected to a new link. Each image has its own link. i created a new field in the web part and use REST api to reference it to get the id’s and url. but i cant change the link to use a new one.

Adding 360 image iframe to carousel in Magento 1.9 – need help to show

I am attempting to add a couple of new elements to a magento1.9 image carousel on the products page.

Ideally I would like to add at the end of the foreach loop but whatever I do it just keeps duplicating the div..

The second issue is that I am having trouble getting the content of the div to show in the class=”product-image” div on the product page.

My goal is to show thumbnail image at the end of the loop array and when you click on the thumbnail image it shows the content of the iframe in the div “product-image”

I have tried various bits of javascript but I can’t get it to work. Also after trying to add to the end of the loop I have just ended up putting it on the outside of the div as there is other jquery actions going on here that are forcing the new div i add after endforech to duplicate endlessly.

goals: 1. show thumbnail at end of loop 2. link on thumbnail shows iframe in

Here is the code I have hacked.. You must excuse me as I am complete novice at this and can read php java ok but creating new code is a different story.

` getGalleryImages()); ?>

    <div id="additional-carousel" class="<?php if ($  productCount >= $  sliderFor){?>product-carousel<?php }else{?>products-grid<?php }?> <?php if ($  productCount <= 1): ?>mobile-tablet<?php endif; ?>">          <?php foreach ($  this->getGalleryImages() as $  _image): ?>         <div class="slider-item">             <div class="product-block">                 <a href='<?php echo $  this->helper(' catalog/image ')->init($  _product, 'image ', $  _image->getFile())->resize(768);?>' class='cloud-zoom-gallery lightbox-group' title='<?php echo $  this->escapeHtml($  _image->getLabel()) ?>' rel="useZoom: 'zoom1', smallImage: '<?php echo $  this->helper('catalog/image')->init($  _product, 'image', $  _image->getFile())->resize(768);?>' ">                     <img src="<?php echo $  this->helper('catalog/image')->init($  this->getProduct(), 'thumbnail', $  _image->getFile())->resize(768); ?>" alt="<?php echo $  this->escapeHtml($  _image->getLabel()) ?>" />                  </a>              </div>         </div>         <?php endforeach; ?>     </div>     <!-- if spinzam id exists in attributes-->     <?php if ($  _product->getData("spinzam_id") == true):?>     <!-- thumbnail for spinzam link-->     <div class="slider-item">         <div class="product-block">             <a href="#" onclick="??"><img src="<?php echo $  this->helper('catalog/image')->init($  this->getProduct(), 'thumbnail', $  _image->getFile())->resize(150); ?>"/>     <div class="uk-overlay uk-position-bottom product-block">             <p>360</p>         </div>     </a>         </div>     </div>     <!--content to add to product-image div-->     <div id="spinzam" style="display:none;"><iframe src="https://spinzam.com/shot/embed/?idx=<?php echo $  _product->getData(" spinzam_id ")?>" scrolling="no" style="max-width:100%; max-height:100vw;"></iframe>     </div>      <?php endif;?>  </div> ` 

Magento 2 – OWL Carousel 2 in related products issue

I try to setup OWL Carousel for Related Products in Magento 2.

I overwrite this file: Magento_Catalog/templates/product/list/items.phtml

this is my custom code:

            <div  id="owlslider" class="products wrapper grid products-grid products-<?= /* @escapeNotVerified */ $  type ?>">                 <ol class="products list items product-items">                      ...............                 </ol>             </div>  <script type="text/javascript" xml="space">       (function  () {         require(["jquery","owlcarousel"],function() {             'use strict';             jQuery.noConflict();             jQuery(document).ready(function() {                 jQuery("#owlslider").owlCarousel({             autoplay: true,             dots: false,      loop:true,     responsiveClass:true,     responsive:{         0:{             items:1,             nav:true         },         600:{             items:3,             nav:false         },         1000:{             items:5,             nav:true,             loop:false         }     }                   });             });         });     })(); </script> 

But my owl carousel it not display well, I mean inline. My owl carousel items are now one under the other.

enter image description here

What I do wrong there?

Thank you in advance.

jQuery image carousel

I have made this custom image carousel, using HTML5, jQuery and CSS. My aim was to make it really lightweight but with (just) enough features: “bullets”, auto-advance, responsiveness.

var $  elm = $  ('.slider'),   $  slidesContainer = $  elm.find('.slides-container'),   slides = $  slidesContainer.children('a'),   slidesCount = slides.length,   slideHeight = $  (slides[0]).find('img').outerHeight(false),   animationspeed = 1500,   animationInterval = 7000;  var shuffle = function(slides) {   var j, x, i;   for (i = slides.length - 1; i > 0; i--) {     j = Math.floor(Math.random() * (i + 1));     x = slides[i];     slides[i] = slides[j];     slides[j] = x;   }   return slides; }  shuffle(slides);  // Set (initial) z-index for each slide var setZindex = function() {   for (var i = 0; i < slidesCount; i++) {     $  (slides[i]).css('z-index', slidesCount - i);   } }; setZindex();  var setActiveSlide = function() {   $  (slides).removeClass('active');   $  (slides[activeIdx]).addClass('active'); };  var advanceFunc = function() {   if ($  ('.slider-nav li.activeSlide').index() + 1 != $  ('.slider-nav li').length) {     $  ('.slider-nav li.activeSlide').next().find('a').trigger('click');   } else {     $  ('.slider-nav li:first').find('a').trigger('click');   } }  var autoAdvance = setInterval(advanceFunc, animationInterval);  //Set slide height $  (slides).css('height', slideHeight);  // Append bullets if (slidesCount > 1) {   /* Prepend the slider navigation to the slider      if there are at least 2 slides */   $  elm.prepend('<ul class="slider-nav"></ul>');    // make a bullet for each slide   for (var i = 0; i < slidesCount; i++) {     var bullets = '<li><a href="#">' + i + '</a></li>';     if (i == 0) {       // active bullet       var bullets = '<li class="activeSlide"><a href="#">' + i + '</a></li>';       // active slide       $  (slides[0]).addClass('active');     }     $  ('.slider-nav').append(bullets);   } };  var Queue = function() {   var lastPromise = null;    this.add = function(callable) {     var methodDeferred = $  .Deferred();     var queueDeferred = this.setup();     // execute next queue method     queueDeferred.done(function() {        // call actual method and wrap output in deferred       callable().then(methodDeferred.resolve)     });     lastPromise = methodDeferred.promise();   };    this.setup = function() {     var queueDeferred = $  .Deferred();     // when the previous method returns, resolve this one     $  .when(lastPromise).always(function() {       queueDeferred.resolve();     });     return queueDeferred.promise();   } };  var queue = new Queue(); var slideUpDown = function(previousIdx, activeIdx) {   queue.add(function() {     return new Promise(function(resolve, reject) {       // set top property for all the slides       $  (slides).not(slides[previousIdx]).css('top', slideHeight);       // then animate to the next slide       $  (slides[activeIdx]).animate({         'top': 0       }, animationspeed);        $  (slides[previousIdx]).animate({         'top': "-100%"       }, animationspeed, 'swing', resolve);     })   }) };  var previousIdx = '0' // First slide $  ('.slider-nav a').on('click', function(event) {   event.preventDefault();   activeIdx = $  (this).text();    // Disable clicling on an active item   if ($  (slides[activeIdx]).hasClass("active")) {     return false;   }   $  ('.slider-nav a').closest('li').removeClass('activeSlide');   $  (this).closest('li').addClass('activeSlide');    // Reset autoadvance if user clicks bullet   if (event.originalEvent !== undefined) {     clearInterval(autoAdvance);     autoAdvance = setInterval(advanceFunc, animationInterval);   }    setActiveSlide();   slideUpDown(previousIdx, activeIdx);   previousIdx = activeIdx });
body * {   box-sizing: border-box; }  .container {   max-width: 1200px;   margin: 0 auto; }  .slider {   width: 100%;   height: 300px;   position: relative;   overflow: hidden; }  .slider .slider-nav {   text-align: center;   position: absolute;   padding: 0;   margin: 0;   left: 10px;   right: 10px;   bottom: 2px;   z-index: 10; }  .slider .slider-nav li {   display: inline-block;   width: 20px;   height: 4px;   margin: 0 1px;   text-indent: -9999px;   overflow: hidden;   background-color: rgba(255, 255, 255, .5); }  .slider .slider-nav a {   display: block;   height: 4px;   line-height: 4px; }  .slider .slider-nav li.activeSlide {   background: #fff; }  .slider .slider-nav li.activeSlide a {   display: none; }  .slider .slider-container {   width: 100%;   text-align: center; }  .slider .slides-container a {   height: 300px;   display: block;   position: absolute;   top: 0;   left: 0;   right: 0; }  .slider .slides-container img {   transform: translateX(-50%);   margin-left: 50%; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>  <div class="container">   <div class="slider">     <div class="slides-container">       <a href="#">         <img src="https://i.stack.imgur.com/P1Di6.jpg">       </a>       <a href="#">         <img src="https://i.stack.imgur.com/nR2uJ.jpg">       </a>       <a href="#">         <img src="https://i.stack.imgur.com/Zynhv.jpg">       </a>       <a href="#">         <img src="https://i.stack.imgur.com/A9BgN.jpg">       </a>     </div>   </div> </div>

It works fine but I am certain it can be optimized: the same result can be achieved with less code. I am not thinking of a complete rewrite, but of ditching redundant and useless code.

The carousel’s current architecture requires the slides to have z-indexes which I wish I could get rid of. What would be a good alternative to that?

See a jsFiddle HERE.

Please help me make it better. Thanks!

Adding Owl Carousel to Magento2.2.5 Blank Theme

I am working on customizing the Magento 2 Blank theme and trying to add owl carousel however am getting this error

Uncaught TypeError: Cannot read property 'fn' of undefined at :8888/pub/static/frontend/blank/blank_child/en_US/owl.carousel/owl.carousel.min.js:1 at :8888/pub/static/frontend/blank/blank_child/en_US/owl.carousel/owl.carousel.min.js:1 (index):479 Uncaught TypeError: $  (...).owlCarousel is not a function at (index):479 at Object.execCb (require.js:1650) at Module.check (require.js:866) at Module.<anonymous> (require.js:1113) at require.js:132 at require.js:1156 at each (require.js:57) at Module.emit (require.js:1155) at Module.check (require.js:917) at Module.enable (require.js:1143) 

I have created a child theme of blank and placed the basic files in my app/design/frontend/blank/blank_child folder

I believe Jquery is already included in the blank theme in Magento 2.2.5? So I then created a require js file and put it in app/design/frontend/blank/web/requirejs-config.js

The contents of the file is:

/**  * Copyright © Magento, Inc. All rights reserved.  * See COPYING.txt for license details.  */   var config = { map: {     '*': {         'rowBuilder':             'Magento_Theme/js/row-builder',         'toggleAdvanced':         'mage/toggle',         'translateInline':        'mage/translate-inline',         'sticky':                 'mage/sticky',         'tabs':                   'mage/tabs',         'zoom':                   'mage/zoom',         'collapsible':            'mage/collapsible',         'dropdownDialog':         'mage/dropdown',         'dropdown':               'mage/dropdowns',         'accordion':              'mage/accordion',         'loader':                 'mage/loader',         'tooltip':                'mage/tooltip',         'deletableItem':          'mage/deletable-item',         'itemTable':              'mage/item-table',         'fieldsetControls':       'mage/fieldset-controls',         'fieldsetResetControl':   'mage/fieldset-controls',         'redirectUrl':            'mage/redirect-url',         'loaderAjax':             'mage/loader',         'menu':                   'mage/menu',         'popupWindow':            'mage/popup-window',         'validation':             'mage/validation/validation',         'welcome':                'Magento_Theme/js/view/welcome',         'breadcrumbs':            'Magento_Theme/js/view/breadcrumbs'     } }, paths: {     'jquery/ui': 'jquery/jquery-ui' }, deps: [     'jquery/jquery.mobile.custom',     'mage/common',     'mage/dataPost',     'mage/bootstrap' ], config: {     mixins: {         'Magento_Theme/js/view/breadcrumbs': {             'Magento_Theme/js/view/add-home-breadcrumb': true         }     } } };  var config = {               paths: {                     'owlcarousel': "web/owl.carousel"     },    shim: {     "owl.carousel/owl.carousel.min": ["jquery"]     }  }; 

I then have the owl.carousel js files in a path that is app/design/frontend/blank/web/owl.carousel/

I have the owl.carousel css file located in app/design/frontend/blank/web/owl.carousel/assets/

Porque los carousel en NGX-BOOTSTRAP ocultan el titulo de cada imagen cuando el media queries es para un pantalla pequeña?

Cuando la pantalla es menor que 768px se pierden los textos de titulo y description:

First slide label

Nulla vitae elit libero, a pharetra augue mollis interdum.

Second slide label

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Third slide label

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

Erro em box carousel?

Estou tendo problemas para fazer um box, os efeitos estão funcionando tudo certo porém não ta se enquadrando…segue as imagens de como eu quero que fique e como ta ficando, os códigos estão iguais porém não sei porque ta dando erro inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

<section id="about">   <div class="container">     <div class="row">        <div class="col-md-9 col-sm-8 wow fadeInUp" data-wow-delay="0.2s">         <div class="about-thumb">           <h1>Background</h1>           <p>Quisque tempor bibendum dolor at volutpat. Suspendisse venenatis quam sed libero euismod feugiat. In cursus nisi vitae lectus facilisis mollis. Nullam scelerisque, quam nec iaculis vulputate.</p>         </div>       </div>        <div class="col-md-3 col-sm-4 wow fadeInUp about-img" data-wow-delay="0.6s">         <img src="images/about-img.jpg" class="img-responsive img-circle" alt="About">       </div>        <div class="clearfix"></div>        <div class="col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="0.3s">         <div class="section-title text-center">           <h1>Snapshot Team</h1>           <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>         </div>       </div>        <!-- team carousel -->       <div id="team-carousel" class="owl-carousel">        <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.4s">         <div class="team-thumb">           <div class="image-holder">             <img src="images/team-img1.jpg" class="img-responsive img-circle" alt="Mary">           </div>           <h2 class="heading">Mary, CEO</h2>           <p class="description">Aliquam ac justo est. Praesent feugiat cursus est.</p>         </div>       </div>        <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.6s">         <div class="team-thumb">           <div class="image-holder">             <img src="images/team-img2.jpg" class="img-responsive img-circle" alt="Jack">           </div>           <h2 class="heading">Jack, Founder</h2>           <p class="description">Maecenas sed diam eget risus varius blandit sit non.</p>         </div>       </div>        <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">         <div class="team-thumb">           <div class="image-holder">             <img src="images/team-img3.jpg" class="img-responsive img-circle" alt="Linda">           </div>           <h2 class="heading">Linda, Manager</h2>           <p class="description">Phasellus nec ante in nunc molestie tincidunt ut eu diam.</p>         </div>       </div>        <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">         <div class="team-thumb">           <div class="image-holder">             <img src="images/team-img4.jpg" class="img-responsive img-circle" alt="Sandy">           </div>           <h2 class="heading">Sandy, Director</h2>           <p class="description">Curabitur vulputate euismod neque et tincidunt.</p>         </div>       </div>        <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">         <div class="team-thumb">           <div class="image-holder">             <img src="images/team-img5.jpg" class="img-responsive img-circle" alt="Lukia">           </div>           <h2 class="heading">Lukia, Fashion</h2>           <p class="description">Maecenas sed diam eget risus varius blandit sit.</p>         </div>       </div>        <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">         <div class="team-thumb">           <div class="image-holder">             <img src="images/team-img6.jpg" class="img-responsive img-circle" alt="George">           </div>           <h2 class="heading">George, Admin</h2>           <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing.</p>         </div>       </div>        <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">         <div class="team-thumb">           <div class="image-holder">             <img src="images/team-img7.jpg" class="img-responsive img-circle" alt="Day">           </div>           <h2 class="heading">Day, Accountant</h2>           <p class="description">Maecenas sed diam eget risus varius blandit sit.</p>         </div>       </div>        <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">         <div class="team-thumb">           <div class="image-holder">             <img src="images/team-img8.jpg" class="img-responsive img-circle" alt="Lynn">           </div>           <h2 class="heading">Lynn, Marketing</h2>           <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing.</p>         </div>       </div>        </div>       <!-- end team carousel -->      </div>   </div> </section>

/*box*/ #about .item {   width: 100%;   display: block; } #about .about-thumb {   background: #ffffff;   border-radius: 4px;   padding: 100px;   position: relative; } #about .about-img img {   border: 8px solid #ffffff;   position: absolute;   left: -120px;   bottom: -325px;   padding: 12px; } #about .team-thumb {   width: 100%;   height: 400px;   margin: 32px 0;   text-align: center;   background: #ffffff;   border-radius: 4px;   -webkit-transition: all 0.3s ease;   transition: all 0.3s ease; } #about .team-thumb .image-holder {   position: relative;   top: 40px;   display: inline-block;   margin-bottom: 40px;   padding: 10px;   -webkit-transition: all 0.3s ease;   transition: all 0.3s ease; } #about .team-thumb .heading {   font-weight: bold;   position: relative;   top: 10px;   -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);   transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } #about .team-thumb:hover {   background: #304352; } #about .team-thumb:hover .image-holder {   top: -40px;   margin-bottom: 0px; } #about .team-thumb:hover .heading {   top: -10px; } #about .team-thumb .description {   font-size: 18px;   width: 80%;   margin: 0 auto;   opacity: 0;   -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);   transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);   -webkit-transform: scale(0);   -ms-transform: scale(0);   transform: scale(0); } #about .team-thumb:hover .description {   opacity: 1;   -webkit-transform: scale(1);   -ms-transform: scale(1);   transform: scale(1); } #about .team-thumb:hover p.description {   color: #ffffff; } @media (max-width: 980px) {   #about .team-thumb {     margin-top: 32px;   } } .section-title {   padding-bottom: 62px; } #about .section-title {   padding-top: 82px; } #about .section-title h1 {   margin-bottom: 0px;   padding-bottom: 0px; } #about {   padding-top: 120px;   padding-bottom: 120px;   position: relative; }

ayuda con carousel de ngx-bootstrap

Estoy trabajando en una aplicacion web con Angular. Estoy intentando hacer funcionar el carousel de ngx-bootstrap, especifcamente el Multilist Start From Index que se encuentra en su pagina pero no logro hacerlo funcionar. Ya instale jquery, bootstrap y ngx-bootstrap a traves de npm e inclui los scripts y css en el angular.json pero cuando copio el codigo de la pagina me lo muestra como aparece en esta foto: introducir la descripción de la imagen aquí y si por ejemplo intento con el primer carousel de la pagina de ngx-bootsrtap me coloca las imagenes extremadamente grandes como se observa aquí: introducir la descripción de la imagen aquí y las imagenes son de resolucion pequeña, no se que es lo que esta pasando sinceramente, ya he intenetado de todo, hasta probe instalar todo nuevamente en una instalacion limpia de Angular y todo sigue igual. Aqui esta mi archivo angular.json: { "$ schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "seapage": { "root": "", "sourceRoot": "src", "projectType": "application", "prefix": "app", "schematics": {}, "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist/seapage", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.app.json", "assets": [ "src/favicon.ico", "src/assets" ], "styles": [ "./node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css", ], "scripts": [ "./node_modules/bootstrap/dist/js/bootstrap.min.js", "./node_modules/jquery/jquery.min.js", ], "es5BrowserSupport": true }, "configurations": { "production": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ], "optimization": true, "outputHashing": "all", "sourceMap": false, "extractCss": true, "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true, "budgets": [ { "type": "initial", "maximumWarning": "2mb", "maximumError": "5mb" } ] } } }, "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "seapage:build" }, "configurations": { "production": { "browserTarget": "seapage:build:production" } } }, "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { "browserTarget": "seapage:build" } }, "test": { "builder": "@angular-devkit/build-angular:karma", "options": { "main": "src/test.ts", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.spec.json", "karmaConfig": "src/karma.conf.js", "styles": [ "src/styles.css" ], "scripts": [], "assets": [ "src/favicon.ico", "src/assets" ] } }, "lint": { "builder": "@angular-devkit/build-angular:tslint", "options": { "tsConfig": [ "src/tsconfig.app.json", "src/tsconfig.spec.json" ], "exclude": [ "**/node_modules/**" ] } } } }, "seapage-e2e": { "root": "e2e/", "projectType": "application", "prefix": "", "architect": { "e2e": { "builder": "@angular-devkit/build-angular:protractor", "options": { "protractorConfig": "e2e/protractor.conf.js", "devServerTarget": "seapage:serve" }, "configurations": { "production": { "devServerTarget": "seapage:serve:production" } } }, "lint": { "builder": "@angular-devkit/build-angular:tslint", "options": { "tsConfig": "e2e/tsconfig.e2e.json", "exclude": [ "**/node_modules/**" ] } } } } }, "defaultProject": "seapage" }

Espero puedan ayudarme a resolver este problema, gracias de antemano. Saludos!