Orsdxy

I am having an issue on my website

the issue

Error: cannot call methods on priceBox prior to initialization;

attempted to call method 'option'

My website
https://www.cartaroo.com.cy/?SID=5fe6b01812786b8145c48eaa0fde65ad

When I click on homepage product icon a view popup and due to js issue
it won't allow me to select drop down. screenshot
http://prntscr.com/h33mg9

Please help

I have also faced this problem after migrating from Magento 2.1.6 to 2.2.5.

Issue was due to the theme file phtml with scripts

Old File : app/design/frontend/Mytheme/theme/Magento_Catalog/templates/product/view/form.phtml

<script>

  require([

    'jquery',

    'Magento_Catalog/js/price-box'

], function($){

    var priceBoxes = $('.product-info-price [data-role=priceBox]');



    priceBoxes = priceBoxes.filter(function(index, elem){

        return !$(elem).find('.price-from').length;

    });



    priceBoxes.priceBox({'priceConfig': <?php /* @escapeNotVerified */ echo $block->getJsonConfig() ?>});

});

</script>

Copy script from new vendor file in your theme:

New Code: vendor/magento/module-catalog/view/frontend/templates/product/view/form.phtml

<script>

    require([

        'jquery',

        'priceBox'

    ], function($){

        var dataPriceBoxSelector = '[data-role=priceBox]',

            dataProductIdSelector = '[data-product-id=<?= $block->escapeHtml($_product->getId()) ?>]',

            priceBoxes = $(dataPriceBoxSelector + dataProductIdSelector);



        priceBoxes = priceBoxes.filter(function(index, elem){

            return !$(elem).find('.price-from').length;

        });



        priceBoxes.priceBox({'priceConfig': <?= /* @escapeNotVerified */ $block->getJsonConfig() ?>});

    });

</script>

I had the same problem with error

 cannot call methods on priceBox prior to initialization; attempted to call method 'option'

I was try to create price-box-mixin.js to extend mage.priceBox widget.

So it's the shame but that was my mistake. In the top of mixin I forgot to remove line
'Magento_Catalog/js/price-box'.
At the beginning I was try to extend the widget mage.priceBox and I needed this line in section

define([

    'jquery',

    'Magento_Catalog/js/price-utils',

    'underscore',

    'mage/template',

    'jquery/ui',

    'Magento_Catalog/js/price-box'

], function ($, utils, _, mageTemplate) {

But after updating the script when I transform this script to mixin I needed to remove this line. So it became:

define([

    'jquery',

    'Magento_Catalog/js/price-utils',

    'underscore',

    'mage/template',

    'jquery/ui'

], function ($, utils, _, mageTemplate) {

I hope this helps someone to save time.