question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Loadable Components Does not seem to work on ios versions < 14.0

See original GitHub issue

🐛 Bug Report

A clear and concise description of what the bug is. After testing my website (react app) with browserstack I found out that my app crashes on IOS versions < 14.0. The error I am getting is:

SyntaxError: Unexpected token '?'(anonymous function) @ pages-Configurator-Services.9808dfc7936d82d917d0.bundle.js:1
main.db24fa2….bundle.js:2 loadable-components: failed to asynchronously load component  

Steps to reproduce the behavior:

  1. Open my website https://www.apkstationgoirle.nl
  2. Navigate via the license plate input (enter 25SJJN) and click the blue next button.
  3. Loadable error occurs in console

Expected behavior

I am expecting loadable components to be compatible with all versions of os systems? I will post my webpack config here as well.

Webpack config: (client/server/common) https://pastebin.com/auS4TMZB Reproduction link: https://www.apkstationgoirle.nl (check console.log)

Run npx envinfo --system --binaries --npmPackages @loadable/component,@loadable/server,@loadable/webpack-plugin,@loadable/babel-plugin --markdown --clipboard

Paste the results here:

## System:
 - OS: macOS 11.2.3
 - CPU: (8) x64 Intel(R) Core(TM) i7-6920HQ CPU @ 2.90GHz
 - Memory: 51.87 MB / 16.00 GB
 - Shell: 5.8 - /bin/zsh
## Binaries:
 - Node: 12.20.1 - /usr/local/opt/node@12/bin/node
 - Yarn: 1.22.10 - /usr/local/bin/yarn
 - npm: 6.14.7 - ~/.npm/bin/npm
## npmPackages:
 - @loadable/babel-plugin: ^5.13.2 => 5.13.2 
 - @loadable/component: ^5.14.1 => 5.14.1 
 - @loadable/server: ^5.14.0 => 5.14.2 
 - @loadable/webpack-plugin: ^5.14.0 => 5.14.2 

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8

github_iconTop GitHub Comments

1reaction
theKasheycommented, Sep 5, 2021

What you can do in order to debug this issue:

  • configure webpack to NOT codesplit (multiple ways, usually this condifuration is used for server-side bundles)
  • run your application. In case of any error in your code, and I think there is something about under-transpiling some stuff, it will be easy to catch the problem.

But in any case - this is the browser not able to load your code. Nothing to fix from loadable, or even webpack level. Start looking at babel config.

1reaction
theKasheycommented, Apr 13, 2021

Sorry, this is not a loadable components bug - they just report the error that happened during the loading of your script.

The description given seem to be related to the nullish coalescing (.?) not transpiled to the lower target.

  • Please check your bundler, babel or typescript settings.
  • Please disable minification of the code to be able to see the exact place and code causing the error
Read more comments on GitHub >

github_iconTop Results From Across the Web

Frequently Asked Questions - Loadable Components
Frequently Asked Questions. Which react versions are supported? As defined in peer dependencies, Loadable Components supports React v16.3+.
Read more >
Xcode 13.2 update is stuck | Apple Developer Forums
I tried rebooting the mac and and the install is still stuck. ... UPD: Cancelled installation, now it says "Open" and seems to...
Read more >
Fixed issues in InDesign - Adobe Support
AdobeXMPScript library fails to load. Production. Some glyphs do not appear in the exported PDF from an InDesign document with placed pdf file ......
Read more >
Release Notes for Cisco Jabber 14.0
First, uninstall any previous version of Jabber for BlackBerry. Jabber for. BlackBerry iOS 14.0(3) won't activate if you try to upgrade from ...
Read more >
Update Google Chrome - iPhone & iPad
To make sure you're protected by the latest security updates, Google Chrome can automatically update when a new version of the browser is...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found