ngx-owl-carousel | jquery owl-carousel library | Carousel library

I am trying to go to a specific position of ngx-owl-carousel-o, after following the below tutorial from the tips section.

https://www.npmjs.com/package/ngx-owl-carousel-o#tips

Please note this is: owl-carousel-o not owl-carousel library

However, the the error I am getting is that the template reference on the owl-carousel-o tag is undefined when trying to call owlCar.to():

Tutorial from docs:

I have also tried printing the view child of the reference in the Typescript file but this is also returning undefined!

While I am creating the production build using ng build --prod while compiling But working perfectly fine in case of development mode, How can I solve this?

I am using .toLowerCase() in many places how can i identify where exactly this method is causing error or is this method is actually causing error because if it is causing error then it should be present in case of development as well. Please help how i identify what is exactly causing the issue

getting below error:

I'm using algolia in angular.
There is a search box which I want to customize.
Here is what I have done so far.
.html file -

Hey guys this is a bit weird situation,

First I use Angular 9 with Bootstrap 3.3.5 (cannot update to latest yet),

on the homepage I have the Carousel and it I have implemented angular PWA also.

Problem is if I use PWA and carousel, Serviceworker(SW) does not get regitered. If I commented out the carousel code it does. If I commented Jquery it get registered because then carousel does not work. And same thing happen with ngx-owl-carousel also,

I do not have any solution here. If you can provide any kinds of hints or solutions it will be a big help. Thanks :) Interesting find is that when I click on the carousel sometimes service worker gets registered somehow. -_- anyway this is my code for the carousel,

I am using ngx-owl-carousel-o to create a carousel. how can I add a starting space at the beginning of the carousel like this image?

this might be a dumb question but there it goes:

In my angular project i want to change my components declarations from angular.module.ts to modules/modules.modules.ts.

In order to make my src/app structure look like:

I am trying to integrate google tag manager but after configuration it is giving pushTag of undefined.

These are the snippets

home.component.ts

I'm learning Angular. I wanted to create a simple carousel so that I can show my sponsors on homepage. I came across many study materials that talks about bootstrap carousel. But I don't want that. I want to use ngx-owlcarousel-o. I followed exactly as mentioned in their documentation. And sorry, i thought pasting code here can be very confusing for all. To save everyone's time and effort I've created a stackblitz. My problem is that I'm not getting slide in the center. They're aligned to left no matter what css i apply. Please correct me.

This is my card-holder.component.html

I updated my Angular app from v6 to v9, and when testing it is really ok, but when I deploy it to my staging server, I have this error:

You must pass in a NgModule or NgModuleFactory to be bootstrapped

I have searched a lot about it, but I have no idea what could be done here.

./server.ts: