Magento 2.2.2 /checkout JS Components will not be loaded. #12679

aKalisch · 2017-12-13T16:16:40Z

After I updated from Magento 2.2.1 to 2.2.2 my checkout is not working any longer. This might be only caused when a Virtual Item is placed in Cart.

Preconditions

Magento 2.2.2 (Only virtual items purchasable)
PHP 7.0.12
MacOS with laravel valet enviroment (Nginx / SSL on)

Steps to reproduce

Put a virtual item into cart
proceed to checkout

Expected result

The Checkout page loads so the Payment methods apear

Actual result

JQMIGRATE: Logging is active [2017-12-13 04:53:25] [ERROR] Failed to load the "Magento_Checkout/js/view/summary" component. [2017-12-13 04:53:25] [ERROR] Failed to load the "Magento_Tax/js/view/checkout/summary/grand-total" component. [2017-12-13 04:53:25] [ERROR] Failed to load the "Magento_Checkout/js/view/summary/cart-items" component. [2017-12-13 04:53:25] [ERROR] Failed to load the "Magento_Tax/js/view/checkout/summary/tax" component. [2017-12-13 04:53:25] [ERROR] Failed to load the "Magento_SalesRule/js/view/payment/discount" component. [2017-12-13 04:53:25] [ERROR] Failed to load the "Magento_Tax/js/view/checkout/summary/subtotal" component. [2017-12-13 04:53:25] [ERROR] Failed to load the "Magento_Checkout/js/view/summary/totals" component. [2017-12-13 04:53:25] [ERROR] Failed to load the "Magento_SalesRule/js/view/summary/discount" component. [2017-12-13 04:53:35] [ERROR] Failed to load the "Magento_Checkout/js/view/estimation" component.

The text was updated successfully, but these errors were encountered:

magento-engcom-team · 2017-12-14T09:18:58Z

@aKalisch , thank you for your report.
We were not able to reproduce this issue by following the steps you provided. Please provide more detailed steps to reproduce or try to reproduce this issue on a clean installation.

KoenSlagter · 2017-12-19T10:21:32Z

I'm having the same problem with a configurable product

magento-engcom-team · 2017-12-19T11:49:21Z

@KoenSlagter ,We were not able to reproduce this issue for configurable product too . Please provide more detailed steps to reproduce or try to reproduce this issue on vanilla instaliation without any extentions if you have, thank you.

magento-engcom-team · 2017-12-22T09:30:49Z

@aKalisch, we are closing this issue due to inactivity. If you'd like to update it, please reopen the issue.

vicefi · 2017-12-27T14:09:09Z

I have the same issue while load different pages in admin panel. The names of components are different too. Problen on Windows hosted server

PieterCappelle · 2018-01-24T12:14:14Z

Having same issue. Strange! Any ideas? Did you use the Netresearch_OPS module?

VincentMarmiesse · 2018-02-01T00:42:35Z

Same issue on the cart page.

I have a configurable product in my cart.

EDIT: ok after some investigation, this error was caused in my case because the block checkout.cart.shipping had been removed from the checkout_cart_index handle.

webstower · 2018-03-05T11:20:18Z

Same problem after user inline translate and then run a few commands from console... The same errors in the RESUME in cart view.. Somebody who can help me?

simonmaass · 2018-03-08T17:24:32Z

I am having the same problem... magento 2.2.3

kesarweb · 2018-03-21T06:54:34Z

+1 exactly the same.
Server: CentOS 7 PHP 7.0.28 MySQL 5.6 PHP-FPM nginx.
I also tried on Windows XAMPP and having exactly the same issue.

Anyone had a chance to figure this out?

UPDATE I've had JS variable in checkout template that was not supposed to be concatenated as a string.

@simonmaass I see from your screenshot before all component failures you have 'Unexpected token' error which seems to be JS error which may be impacting checkout. Just a food for thought.

Thanks!
Anton

alvarolrsantos · 2018-04-06T21:19:47Z

did anyone find the solution? I am stuck here with the same error! =(

Waldemar-Denke · 2018-04-10T20:23:46Z

Please try to disable js bundle. Figured out that, in dev mode bundling works, or seems to. But if you activate production mode and deploy static content, it breaks the checkout.

arnoldmontiel · 2018-05-06T00:30:23Z

Same problem here with 2.2.4 at /checkout/cart
Also the actual checkout page does not work but with no error logging.

PHP 7.0.30-1+ubuntu16.04.1
Apache/2.4.18 (Ubuntu)

Could Anyone fix it?

magnetic5355 · 2018-05-06T06:46:26Z

+1

rav-redchamps · 2018-05-09T09:32:52Z

@arnoldmontiel

In our case, this was getting caused by issue #14950

Please see my comment on the link. It should fix the problem.

thanhdble · 2018-06-08T10:23:49Z

+1 when upgrade version

dvcm · 2018-07-10T10:35:19Z

Magento Version 2.2.5
PHP: 5.6.30
libmysql - 5.1.73
Version server: 5.6.32-78.1

why does the path add this? resource =

and why does the system exchange the script by file?

https://ilubrasileiro.com.br/pub/static/frontend/Magento/luma/pt_BR/Magento_Tax/js/view/checkout/cart/totals/tax.js/?resource=frontend/Magento/luma/pt_BR/Magento_Tax/js/view/checkout/cart/totals/tax.js

zeeshan2523806 · 2018-07-29T02:09:43Z

This is because there might be some javascript errors on your page, try clearing the cache and regenrate the static content if you are running in production mode. If the error still persist then look at the file which might be causing the problem.

jalogut · 2018-09-04T19:16:34Z

In case that it helps someone, the problem is the annoying Test modules that Magento creates out of nowhere when running integration tests. If you have these modules enabled in production mode, the checkout does not work anymore.

Disabling or removing such module from config.php solves the issue.

<?php
return [
    'modules' => [
        //...
        'Magento_TestModuleDirectoryZipCodes' => 0,
        'Magento_TestModuleFakePaymentMethod' => 0,
        'Magento_TestModuleSample' => 0,
        //
    ]
]

Ctucker9233 · 2018-11-12T20:38:49Z

@magento-engcom-team Please reinvestigate.

ghost · 2018-11-15T08:28:31Z

Hi @Ctucker9233 this will be fixed by this PR -> #18459 and this issue is duplicate to this -> #12696

Rafiqul-Islam-Rafiq · 2019-02-19T08:28:19Z

I am having the same problem after upgrading to magento 2.2.7

AndyJAllen · 2019-06-07T16:16:26Z

I was having this issue after upgrading from 2.2.6 to 2.3.1 and I eventually got it to go away. I'm not sure exactly what I did to resolve it but I'll share each step I took.

Remove the child folders in App/Code/Magento then run the upgrade/compile/deploy commands.

TestModuleDirectoryZipCodes
TestModuleFakePaymentMethod
TestModuleSample

Verify the ownership permissions for files in var/cache, ./generated, and pub/static. In my test environment hosted on Ubuntu some files/folders don't get created with the correct ownership information. I have to run the command multiple times as the site is building the cache and static files.
Replace Serializer/Json.php (as I seem to have to do in every Magento upgrade....)

ryans1224 · 2019-09-02T11:41:37Z

I had the same problem, and in my case, it was caused by an incorrect crypt key set in env.php

elvinristi · 2020-01-30T20:55:22Z

Usually it means that in your customized project checkout.cart.shipping crashed on something and therefor it wasn't returning Magento_Checkout::cart/shipping.phtml content which initilizes window.checkoutConfig javascript object.

As all those components or their sub-components (mentioned on reporter's screenshot) require Magento_Checkout/js/model/quote then initialising this fails due hardcoded data assign from window.checkoutConfig.*, like

        quoteData = window.checkoutConfig.quoteData,
        basePriceFormat = window.checkoutConfig.basePriceFormat,
        priceFormat = window.checkoutConfig.priceFormat,

For me gave hint local Development mode which didn't hide sub-block crash and I was able to track down the real root cause.

For me one custom checkout's CompositeConfigProvider was throwing Exception due sql error but it was hidden in Production mode.

abelbmx · 2020-03-24T08:16:17Z

Same issue on the cart page.

I have a configurable product in my cart.

EDIT: ok after some investigation, this error was caused in my case because the block checkout.cart.shipping had been removed from the checkout_cart_index handle.

Where can I find those files to modify them?

drinkingsouls · 2020-04-30T23:25:17Z

I am having the same issue on Magento 2.3.4.
Was there a fix for this?

drinkingsouls · 2020-05-01T16:10:12Z

Thought I'd follow this up for anyone looking for solutions.
For some reason my vendor/magento/module-tax/view/frontend/web/js/view/checkout was empty. I restored the files from a backup.
Ran composer update after.

harrigo · 2021-02-02T11:36:42Z

For me this was similar to everyone with configurable products breaking the window.checkoutConfig json giving an unexpected token error. This was called in the shipping template as mentioned and uses the getSerializedCheckoutConfig function from Magento\Checkout\Block\Cart\Shipping class.

shipping.phtml
window.checkoutConfig = <?= /* @escapeNotVerified */ $block->getSerializedCheckoutConfig() ?>;

The configuration seemed to pull some encoded html that had some problem characters in the case of a configurable product and found that rewriting the function within the Shipping.php file like below fixed the issue:

replace:
return json_encode($this->getCheckoutConfig(), JSON_HEX_TAG);

with:
return json_encode($data, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP | JSON_UNESCAPED_UNICODE);

realadityayadav · 2022-10-31T17:01:09Z

if some one is using Klarna and Magento version 2.4.3 then you should disable Request Logging in Klarna to get hold of this error
#34634 (comment)

magento-engcom-team added Issue: Format is valid Gate 1 Passed. Automatic verification of issue format passed Issue: Clear Description Gate 2 Passed. Manual verification of the issue description passed labels Dec 13, 2017

magento-engcom-team added the Progress: needs update label Dec 14, 2017

magento-engcom-team closed this as completed Dec 22, 2017

jalogut mentioned this issue Sep 4, 2018

Integration tests create stub modules in app/code #12696

Closed

Ctucker9233 reopened this Nov 12, 2018

ghost closed this as completed Nov 15, 2018

This issue was closed.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Magento 2.2.2 /checkout JS Components will not be loaded. #12679

Magento 2.2.2 /checkout JS Components will not be loaded. #12679

aKalisch commented Dec 13, 2017

magento-engcom-team commented Dec 14, 2017

KoenSlagter commented Dec 19, 2017

magento-engcom-team commented Dec 19, 2017

magento-engcom-team commented Dec 22, 2017

vicefi commented Dec 27, 2017 •

edited

Loading

PieterCappelle commented Jan 24, 2018 •

edited

Loading

VincentMarmiesse commented Feb 1, 2018 •

edited

Loading

webstower commented Mar 5, 2018

simonmaass commented Mar 8, 2018 •

edited

Loading

kesarweb commented Mar 21, 2018 •

edited

Loading

alvarolrsantos commented Apr 6, 2018

Waldemar-Denke commented Apr 10, 2018

arnoldmontiel commented May 6, 2018

magnetic5355 commented May 6, 2018

rav-redchamps commented May 9, 2018

thanhdble commented Jun 8, 2018

dvcm commented Jul 10, 2018

zeeshan2523806 commented Jul 29, 2018

jalogut commented Sep 4, 2018

Ctucker9233 commented Nov 12, 2018

ghost commented Nov 15, 2018

Rafiqul-Islam-Rafiq commented Feb 19, 2019

AndyJAllen commented Jun 7, 2019

ryans1224 commented Sep 2, 2019

elvinristi commented Jan 30, 2020 •

edited

Loading

abelbmx commented Mar 24, 2020

drinkingsouls commented Apr 30, 2020

drinkingsouls commented May 1, 2020

harrigo commented Feb 2, 2021 •

edited

Loading

realadityayadav commented Oct 31, 2022

Magento 2.2.2 /checkout JS Components will not be loaded. #12679

Magento 2.2.2 /checkout JS Components will not be loaded. #12679

Comments

aKalisch commented Dec 13, 2017

Preconditions

Steps to reproduce

Expected result

Actual result

magento-engcom-team commented Dec 14, 2017

KoenSlagter commented Dec 19, 2017

magento-engcom-team commented Dec 19, 2017

magento-engcom-team commented Dec 22, 2017

vicefi commented Dec 27, 2017 • edited Loading

PieterCappelle commented Jan 24, 2018 • edited Loading

VincentMarmiesse commented Feb 1, 2018 • edited Loading

webstower commented Mar 5, 2018

simonmaass commented Mar 8, 2018 • edited Loading

kesarweb commented Mar 21, 2018 • edited Loading

alvarolrsantos commented Apr 6, 2018

Waldemar-Denke commented Apr 10, 2018

arnoldmontiel commented May 6, 2018

magnetic5355 commented May 6, 2018

rav-redchamps commented May 9, 2018

thanhdble commented Jun 8, 2018

dvcm commented Jul 10, 2018

zeeshan2523806 commented Jul 29, 2018

jalogut commented Sep 4, 2018

Ctucker9233 commented Nov 12, 2018

ghost commented Nov 15, 2018

Rafiqul-Islam-Rafiq commented Feb 19, 2019

AndyJAllen commented Jun 7, 2019

ryans1224 commented Sep 2, 2019

elvinristi commented Jan 30, 2020 • edited Loading

abelbmx commented Mar 24, 2020

drinkingsouls commented Apr 30, 2020

drinkingsouls commented May 1, 2020

harrigo commented Feb 2, 2021 • edited Loading

realadityayadav commented Oct 31, 2022

vicefi commented Dec 27, 2017 •

edited

Loading

PieterCappelle commented Jan 24, 2018 •

edited

Loading

VincentMarmiesse commented Feb 1, 2018 •

edited

Loading

simonmaass commented Mar 8, 2018 •

edited

Loading

kesarweb commented Mar 21, 2018 •

edited

Loading

elvinristi commented Jan 30, 2020 •

edited

Loading

harrigo commented Feb 2, 2021 •

edited

Loading