magento2.3 – magento2 js owlCarousel not working


i have code

<?php
$filter = 'hompage_feature_2';
$product = $block->getProductCollectionHomepage($filter);
$items = ();
foreach($product as $value){
$items() = $value;
}
$type = 'widget-new-grid';
?>
<div class="homepage_product_featured_2">
<ul class="product_featured_2">
    <?php for($i=0;$i<count($product);$i++) : ?>
    <li class="item">
        <div class="image">
            <?php
            $imageUrl = $this->helper('MagentoCatalogHelperImage')
                ->init($items($i), 'product_base_image')
                ->constrainOnly(true)
                ->keepAspectRatio(true)
                ->keepTransparency(true)
                ->keepFrame(true)
                ->resize(150, 150)->getUrl();
            ?>
            <a href="<?= $block->getProductUrl($items($i)); ?>"><?php echo '<img src="https://magento.stackexchange.com/" . $imageUrl . "http://magento.stackexchange.com/">';  ?></a>
        </div>
        <div class="information">
            <a href="<?= $block->getProductUrl($items($i)); ?>"><p class="name"><?php echo $items($i)('name'); ?></p></a>
            <p class="short-desc"><?= $block->shortenText($items($i)('short_description')) ?></p>
            <?= $block->getProductPriceHtml($items($i),$type); ?>
            <?= $block->getLayout()->createBlock('MagentoCatalogBlockProductProductListItemContainer')->setTemplate('Magento_Catalog::product/view/additional_info.phtml')->setProduct($items($i))->toHtml(); ?>
        </div>
    </li>
    <?php endfor ?>
</ul>
</div>
<script type="text/javascript">
require((
    "jquery",
    'owl_carousel',
), function($) {
    $('.product_featured_2').owlCarousel({
        items:5,
        loop:true,
        margin: 10,
        autoplay: true,
        autoplayTimeout: 3000,
        autoplaySpeed: 300,
        slideTransition: 'linear',
        autoplayHoverPause:true,
        nav: true,
        dots: false,
        navText: ('<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" 
aria-hidden="true"></i>'),
    });
});
</script>

i want to use owlCarousel js to creat slider product but it not working. Please help me!