Ad blocker breaks Anvil

bamboo · November 6, 2020, 7:05pm

Every tutorial I attempt to build ends up corrupting after I “Run” it.
I’m using Vivaldi (chromium based) browser and yes this occurs even with all addons disabled.
The output on page looks like the attached picture and the bottom of the page has an error that says (link is never clickable):

This app has experienced an error
Click for more information
H

After that it doesn’t matter what I do, the app is corrupt. Undoing changes doesn’t work, nor does restoring from a previous version.
Here is an example app:
https://anvil.works/build#app:6BAQREU3S5Z62IZN

And this is the output from the javascript console:

IDE.js:115 Loaded app: Club Manager (6BAQREU3S5Z62IZN)
IDE.js:2821 Waiting for designer to unload...
IDE.js:2818 Designer unloaded.
DevTools failed to load SourceMap: Could not load content for https://anvil.works/assets/service-worker-5143f3dcc5d4f1827a851e30664e7ccd94e73a88847af8766f86ff8744323b49.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
IDE.js:2843 Waiting for runner to unload...
IDE.js:2840 Runner unloaded.
DevTools failed to load SourceMap: Could not load content for https://6baqreu3s5z62izn.anvil.app/debug/OP7O2MF2HBFJPYPVYRE66AXYPWLUQLXD%3DPU7ZMWQBRPMGA5PY2MTQUN5K/_/sw.bundle.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
service-worker:14236 Not caching: https://6baqreu3s5z62izn.anvil.app/debug/OP7O2MF2HBFJPYPVYRE66AXYPWLUQLXD%3DPU7ZMWQBRPMGA5PY2MTQUN5K/_/designer/designer.html?buildTime=1604053577
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/bootstrap.css?buildTime=1604586021
47The FetchEvent for "<URL>" resulted in a network error response: the promise was rejected.
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/bootstrap-theme.min.css?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/runner.css?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/designer.css?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/daterangepicker.css
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/font-awesome.min.css
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/html5-boilerplate/dist/js/vendor/modernizr-3.8.0.min.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/jquery/dist/jquery.min.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/jquery-migrate/dist/jquery-migrate.min.js
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/js-yaml/dist/js-yaml.min.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/moment/min/moment.min.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/moment-timezone/builds/moment-timezone-with-data-2012-2022.min.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/lib/daterangepicker.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://maps.googleapis.com/maps/api/js?key=AIzaSyCn8yc8dmMNcmAn-e_K5HT7NX19csXUGUA&v=3
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/lib/skulpt.min.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/lib/skulpt-stdlib.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/designer.bundle.js?buildTime=1604586021
11service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/img/logo-35.png
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
IDE.js:2821 Waiting for designer to unload...
IDE.js:2818 Designer unloaded.
service-worker:14233 Caching: https://6baqreu3s5z62izn.anvil.app/debug/OP7O2MF2HBFJPYPVYRE66AXYPWLUQLXD%3DPU7ZMWQBRPMGA5PY2MTQUN5K/_/debug?requestTime=1604689463715
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/bootstrap.css?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/bootstrap-theme.min.css?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/runner.css?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/daterangepicker.css
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/animate.css/animate.min.css
service-worker:14256 Offline cache miss: https://anvil.works/runtime/css/font-awesome.min.css
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/jquery/dist/jquery.min.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/jquery-migrate/dist/jquery-migrate.min.js
4service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/html5-boilerplate/dist/js/vendor/modernizr-3.8.0.min.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/bootstrap/dist/js/bootstrap.min.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/moment/min/moment.min.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/moment-timezone/builds/moment-timezone-with-data-2012-2022.min.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/lib/daterangepicker.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/lib/b64.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/lib/bootstrap-notify.min.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/js-yaml/dist/js-yaml.min.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/lib/mutationobserver.min.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://anvil.works/runtime/node_modules/core-js/client/core.min.js?buildTime=1604586021
service-worker:14256 Offline cache miss: https://www.youtube.com/iframe_api
service-worker:14256 Offline cache miss: https://maps.googleapis.com/maps/api/js?key=AIzaSyCn8yc8dmMNcmAn-e_K5HT7NX19csXUGUA&v=3&libraries=geometry
service-worker:14256 Offline cache miss: https://checkout.stripe.com/checkout.js
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/lib/unorm.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/lib/skulpt.min.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/lib/skulpt-stdlib.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/js/runner.bundle.js?buildTime=1604586021
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/img/logo-35-white.png
service-worker:14256 Offline cache miss: https://anvil.works/runtime/img/made-with-anvil.png
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/img/google-signin-buttons/btn_google_signin_light_normal_web.png
12service-worker:1 Uncaught (in promise) TypeError: Failed to fetch
service-worker:14256 Offline cache miss: https://anvil.works/runtime/img/loading.gif
service-worker:1 Uncaught (in promise) TypeError: Failed to fetch

Tony.Nguyen · November 7, 2020, 1:24am

Hi @bamboo, how about using Firefox or Chrome?

bamboo · November 20, 2020, 8:19pm

Using Firefox with no adblocking whatsoever did it.
Ideally though, I’d like to figure what the issue was with chromium or the adblocker. In ten years I’ve never seen an app or website completely corrupt with ublock origin. It’s lean and clean.

D_S · March 22, 2021, 9:56am

Hey there,

after some users of my app reported a similar issue, I tried to investigate it. The issue occurs when using Firefox with an adblocker. Then it says:

This app has experienced an error
Click for more information

Did you find any solution?

bamboo_anvil · March 22, 2021, 5:00pm

nope. it was a huge turnoff that an demo app creation process would corrupt the entire thing, just simply because of an adblocker (ublock origin, which is clean and doesn’t try to do any funny business).
or that switching browsers would fix things.

ryan · March 25, 2021, 11:47am

Hi @bamboo_anvil,

Thanks for raising this.

Could you provide a clone link to the example app?