Unable to get property 'isProxied' of undefined or null reference (like #1661)

[DaanVanVugt]

Stencil version:

@stencil/core@1.0.6
@Stencil/router 1.0.1

I'm submitting a:

[ x ] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://stencil-worldwide.herokuapp.com/ or https://forum.ionicframework.com/

Current behavior:

Probably related to #1516. stencil build --es5 when using Ionic components builds, but then when served produces the error in the console: "Unhandled promise rejection TypeError: Unable to get property 'isProxied' of undefined or null reference"

Expected behavior:

For the PWA toolkit to load in both dev and prod builds.

Steps to reproduce:

The following code is causing the issue, copypasted from the pwa toolkit. Without it, the page renders fine. Please note I am using lite-server, not the Stencil dev server, because I cannot get that to work right now (reported under separate issue).

Related code:

    return [
      <ion-header>
        <ion-toolbar color="primary">
          <ion-title>Home</ion-title>
        </ion-toolbar>
      </ion-header>,

      <ion-content class="ion-padding">
        <p>
          Welcome to the PWA Toolkit. You can use this starter to build entire
          apps with web components using Stencil and ionic/core! Check out the
          README for everything that comes in this starter out of the box and
          check out our docs on <a href="https://stenciljs.com">stenciljs.com</a> to get started.
        </p>

        <ion-button href="/profile/ionic" expand="block">Profile page</ion-button>
      </ion-content>
    ];
  }

Other information:

Original issue watchers:
@Aaron-Sterling @d0whc3r @meriturva @rieshy @warapitiya @JimGaleForce @havard024 @ali-master @andersonfvrj @pwespi @dutscher

[coconnorco]

We've been seeing this error too but on @stencil/core: 2.3.0 (we're not using the pwa toolkit). A vast majority of these errors seem to be coming from safari users but intermittently.

[DaSchTour]

I'm getting this error with my published components when trying to load from unpkg. It's very really annoying to have a broken library published and clients waiting for a new version while I have no idea how to fix it. BTW I also have this error in Chrome.

[DaSchTour]

I also discovered, that the generated build and documentation is broken, not matching or missleading. In this documentation https://stenciljs.com/docs/distribution the script tag points to https://cdn.jsdelivr.net/npm/my-name@0.0.1/dist/myname.js

There are two mistakes in this.

1. There is no file with the library name generated in dist but only an index.js
2. The index.js then points to an empty file

Here you can check my broken published bundle https://www.jsdelivr.com/package/npm/@footage.one/search-components?path=dist

[ajgagnon]

I've narrowed down this issue to Safari iOS version 12. The only way to fix this is to run a babel rollup plugin (which breaks tests)

[leonheess]

Getting this issue in Chrome while using a Cypress-Test 🤔

[splitinfinities]

Hey folks! Could you please update to the latest version and help me ID if this is intermittent or not? With sourcemaps now shipped in v2.9.0, I hope that folks hitting this can use them to determine where precisely this occurs and why.

[gcaven-nbx]

I'm still seeing this issue on v2.12.0, intermittently and mostly (though not exclusively) with mobile Safari users. Up to and including Safari 15.

[andrewlw89]

Getting this issue in Chrome while using a Cypress-Test 🤔

Same issue but with Chrome and Testcafe

[Clovel]

I've got this issue on iOS 15 as well. Has anybody found a workaround or a fix ?

[FabianEbert]

I am also interested in a fix/workaround. Using our application in Safari is blocked by this issue. Interestingly the application shows up after reloading the page. So I am wondering about an ESM loading issue in WebKit (see below).

After enabling source mapping, I can see that the affected code is this one. The implementation dynamic module loading in Safari might have an issue, this line does not seem to work in Safari.

Wondering if is related to this WebKit issue (Race condition makes ESM modules to evaluate twice)? The issue is still marked as open, but I could not reproduce it with Safari Version 15.3 (17612.4.9.1.5) (Monterey 12.2).

Does anyone have more information? Any suggestions are appreciated, thank you.

[conceptree]

Hello all,

We have the same problem in the project that i am part of.

In our case we have the following scenario:

GIVEN the application with a valida user session
WHEN the session expires
AND we try to open a component
THEN we have the error "Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'isProxied')"

This seems to be releated to an import module. If that component is previously loaded before the session expiration, this is not a problem, and we can use the component even if the session is expired.

Any thoughts on this?

Kind regards

[ralfratai]

Hello all,

we faced this issue too and did a quickfix which works well.

if (navigator.userAgent.indexOf('Safari') > -1) {
  window.onunhandledrejection = event => {
    if (event.reason.message.includes('isProxied')) {
      location.reload();
    }
  };
}

How it works:
So we check if the browser is Safari. If yes we add the eventhandler for "unhandled Rejections". When "isPromise" rejection happens we check if the message include "isProxy". If yes we initiate a browser reload.

Maybe this help somebody else to go on.

Best

[rahulgupta-dev]

I am also getting error when ever there is new build, can we get some solution or workaround.

"@stencil/core": "^2.6.0",

"build": "stencil build --prod --no-cache && node ./src/tasks/after.build.js",

p-e82b5571.system.js:1 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'isProxied')
at Object. (p-e82b5571.system.js:1:15976)
at o (p-e82b5571.system.js:1:1866)
at Object.next (p-e82b5571.system.js:1:1157)
at l (p-e82b5571.system.js:1:693)

below is the file p-e82b5571.system.js content.

var __extends=this&&this.__extends||function(){var e=function(r,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))e[n]=r[n]};return e(r,n)};return function(r,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");e(r,n);function t(){this.constructor=r}r.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(e,r,n,t){function a(e){return e instanceof n?e:new n((function(r){r(e)}))}return new(n||(n=Promise))((function(n,i){function l(e){try{o(t.next(e))}catch(r){i(r)}}function s(e){try{o(t["throw"](e))}catch(r){i(r)}}function o(e){e.done?n(e.value):a(e.value).then(l,s)}o((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},t,a,i,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(r){return o([e,r])}}function o(l){if(t)throw new TypeError("Generator is already executing.");while(n)try{if(t=1,a&&(i=l[0]&2?a["return"]:l[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,l[1])).done)return i;if(a=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;a=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){n.label=l[1];break}if(l[0]===6&&n.label<i[1]){n.label=i[1];i=l;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(l);break}if(i[2])n.ops.pop();n.trys.pop();continue}l=r.call(e,n)}catch(s){l=[6,s];a=0}finally{t=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,r){for(var n=0,t=r.length,a=e.length;n<t;n++,a++)e[a]=r[n];return e};System.register([],(function(e,r){"use strict";return{execute:function(){var n=this;var t=e("N","mep-components");var a;var i;var l=false;var s=false;var o=false;var f=false;var $=false;var u=e("w",typeof window!=="undefined"?window:{});var c=e("C",u.CSS);var v=e("d",u.document||{head:{}});var d=e("p",{$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,r,n,t){return e.addEventListener(r,n,t)},rel:function(e,r,n,t){return e.removeEventListener(r,n,t)},ce:function(e,r){return new CustomEvent(e,r)}});var h=e("a",(function(e){return Promise.resolve(e)}));var p=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replace==="function"}catch(e){}return false}();var m=function(e,r,n,t){if(n){n.map((function(n){var t=n[0],a=n[1],i=n[2];var l=y(e,t);var s=g(r,i);var o=b(t);d.ael(l,a,s,o);(r.$rmListeners$=r.$rmListeners$||[]).push((function(){return d.rel(l,a,s,o)}))}))}};var g=function(e,r){return function(n){try{{if(e.$flags$&256){e.$lazyInstance$[r](n)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([r,n])}}}catch(t){Ce(t)}}};var y=function(e,r){if(r&8)return u;return e};var b=function(e){return(e&2)!==0};var w="{visibility:hidden}.hydrated{visibility:inherit}";var N=function(e,r){if(r===void 0){r=""}{return function(){return}}};var _=function(e,r){{return function(){return}}};var R=new WeakMap;var S=function(e,r,n){var t=Ee.get(e);if(p&&n){t=t||new CSSStyleSheet;t.replace(r)}else{t=r}Ee.set(e,t)};var x=function(e,r,n,t){var a=T(r);var i=Ee.get(a);e=e.nodeType===11?e:v;if(i){if(typeof i==="string"){e=e.head||e;var l=R.get(e);var s=void 0;if(!l){R.set(e,l=new Set)}if(!l.has(a)){{if(d.$cssShim$){s=d.$cssShim$.createHostStyle(t,a,i,!!(r.$flags$&10));var o=s["s-sc"];if(o){a=o;l=null}}else{s=v.createElement("style");s.innerHTML=i}e.insertBefore(s,e.querySelector("link"))}if(l){l.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets),[i])}}return a};var k=function(e){var r=e.$cmpMeta$;var n=e.$hostElement$;var t=N("attachStyles",r.$tagName$);x(n.getRootNode(),r,e.$modeName$,n);t()};var T=function(e,r){return"sc-"+e.$tagName$};var C={};var P=function(e){e=typeof e;return e==="object"||e==="function"};var j=e("h",(function(e,r){var n=[];for(var t=2;t<arguments.length;t++){n[t-2]=arguments[t]}var a=null;var i=null;var l=null;var s=false;var o=false;var f=[];var $=function(r){for(var n=0;n<r.length;n++){a=r[n];if(Array.isArray(a)){$(a)}else if(a!=null&&typeof a!=="boolean"){if(s=typeof e!=="function"&&!P(a)){a=String(a)}if(s&&o){f[f.length-1].$text$+=a}else{f.push(s?E(null,a):a)}o=s}}};$(n);if(r){if(r.key){i=r.key}if(r.name){l=r.name}{var u=r.className||r.class;if(u){r.class=typeof u!=="object"?u:Object.keys(u).filter((function(e){return u[e]})).join(" ")}}}var c=E(e,null);c.$attrs$=r;if(f.length>0){c.$children$=f}{c.$key$=i}{c.$name$=l}return c}));var E=function(e,r){var n={$flags$:0,$tag$:e,$text$:r,$elm$:null,$children$:null};{n.$attrs$=null}{n.$key$=null}{n.$name$=null}return n};var L={};var A=function(e){return e&&e.$tag$===L};var M=function(e,r,n,t,a,i){if(n!==t){var l=Te(e,r);var s=r.toLowerCase();if(r==="class"){var o=e.classList;var f=O(n);var $=O(t);o.remove.apply(o,f.filter((function(e){return e&&!$.includes(e)})));o.add.apply(o,$.filter((function(e){return e&&!f.includes(e)})))}else if(r==="style"){{for(var c in n){if(!t||t[c]==null){if(c.includes("-")){e.style.removeProperty(c)}else{e.style[c]=""}}}}for(var c in t){if(!n||t[c]!==n[c]){if(c.includes("-")){e.style.setProperty(c,t[c])}else{e.style[c]=t[c]}}}}else if(r==="key");else if(r==="ref"){if(t){t(e)}}else if(!l&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(Te(u,s)){r=s.slice(2)}else{r=s[2]+r.slice(3)}if(n){d.rel(e,r,n,false)}if(t){d.ael(e,r,t,false)}}else{var v=P(t);if((l||v&&t!==null)&&!a){try{if(!e.tagName.includes("-")){var h=t==null?"":t;if(r==="list"){l=false}else if(n==null||e[r]!=h){e[r]=h}}else{e[r]=t}}catch(p){}}if(t==null||t===false){if(t!==false||e.getAttribute(r)===""){{e.removeAttribute(r)}}}else if((!l||i&4||a)&&!v){t=t===true?"":t;{e.setAttribute(r,t)}}}}};var I=/\s/;var O=function(e){return!e?[]:e.split(I)};var B=function(e,r,n,t){var a=r.$elm$.nodeType===11&&r.$elm$.host?r.$elm$.host:r.$elm$;var i=e&&e.$attrs$||C;var l=r.$attrs$||C;{for(t in i){if(!(t in l)){M(a,t,i[t],undefined,n,r.$flags$)}}}for(t in l){M(a,t,i[t],l[t],n,r.$flags$)}};var z=function(e,r,n,t){var s=r.$children$[n];var $=0;var u;var c;var d;if(!l){o=true;if(s.$tag$==="slot"){s.$flags$|=s.$children$?2:1}}if(s.$text$!==null){u=s.$elm$=v.createTextNode(s.$text$)}else if(s.$flags$&1){u=s.$elm$=v.createTextNode("")}else{u=s.$elm$=v.createElement(s.$flags$&2?"slot-fb":s.$tag$);{B(null,s,f)}if(s.$children$){for($=0;$<s.$children$.length;++$){c=z(e,s,$);if(c){u.appendChild(c)}}}}{u["s-hn"]=i;if(s.$flags$&(2|1)){u["s-sr"]=true;u["s-cr"]=a;u["s-sn"]=s.$name$||"";d=e&&e.$children$&&e.$children$[n];if(d&&d.$tag$===s.$tag$&&e.$elm$){q(e.$elm$,false)}}}return u};var q=function(e,r){d.$flags$|=1;var n=e.childNodes;for(var t=n.length-1;t>=0;t--){var a=n[t];if(a["s-hn"]!==i&&a["s-ol"]){F(a).insertBefore(a,D(a));a["s-ol"].remove();a["s-ol"]=undefined;o=true}if(r){q(a,r)}}d.$flags$&=~1};var U=function(e,r,n,t,a,i){var l=e["s-cr"]&&e["s-cr"].parentNode||e;var s;for(;a<=i;++a){if(t[a]){s=z(null,n,a);if(s){t[a].$elm$=s;l.insertBefore(s,D(r))}}}};var H=function(e,r,n,t,a){for(;r<=n;++r){if(t=e[r]){a=t.$elm$;Y(t);{s=true;if(a["s-ol"]){a["s-ol"].remove()}else{q(a,true)}}a.remove()}}};var V=function(e,r,n,t){var a=0;var i=0;var l=0;var s=0;var o=r.length-1;var f=r[0];var $=r[o];var u=t.length-1;var c=t[0];var v=t[u];var d;var h;while(a<=o&&i<=u){if(f==null){f=r[++a]}else if($==null){$=r[--o]}else if(c==null){c=t[++i]}else if(v==null){v=t[--u]}else if(W(f,c)){G(f,c);f=r[++a];c=t[++i]}else if(W($,v)){G($,v);$=r[--o];v=t[--u]}else if(W(f,v)){if(f.$tag$==="slot"||v.$tag$==="slot"){q(f.$elm$.parentNode,false)}G(f,v);e.insertBefore(f.$elm$,$.$elm$.nextSibling);f=r[++a];v=t[--u]}else if(W($,c)){if(f.$tag$==="slot"||v.$tag$==="slot"){q($.$elm$.parentNode,false)}G($,c);e.insertBefore($.$elm$,f.$elm$);$=r[--o];c=t[++i]}else{l=-1;{for(s=a;s<=o;++s){if(r[s]&&r[s].$key$!==null&&r[s].$key$===c.$key$){l=s;break}}}if(l>=0){h=r[l];if(h.$tag$!==c.$tag$){d=z(r&&r[i],n,l)}else{G(h,c);r[l]=undefined;d=h.$elm$}c=t[++i]}else{d=z(r&&r[i],n,i);c=t[++i]}if(d){{F(f.$elm$).insertBefore(d,D(f.$elm$))}}}}if(a>o){U(e,t[u+1]==null?null:t[u+1].$elm$,n,t,i,u)}else if(i>u){H(r,a,o)}};var W=function(e,r){if(e.$tag$===r.$tag$){if(e.$tag$==="slot"){return e.$name$===r.$name$}{return e.$key$===r.$key$}}return false};var D=function(e){return e&&e["s-ol"]||e};var F=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var G=function(e,r){var n=r.$elm$=e.$elm$;var t=e.$children$;var a=r.$children$;var i=r.$tag$;var l=r.$text$;var s;if(l===null){{if(i==="slot");else{B(e,r,f)}}if(t!==null&&a!==null){V(n,t,r,a)}else if(a!==null){if(e.$text$!==null){n.textContent=""}U(n,null,r,a,0,a.length-1)}else if(t!==null){H(t,0,t.length-1)}}else if(s=n["s-cr"]){s.parentNode.textContent=l}else if(e.$text$!==l){n.data=l}};var J=function(e){var r=e.childNodes;var n;var t;var a;var i;var l;var s;for(t=0,a=r.length;t<a;t++){n=r[t];if(n.nodeType===1){if(n["s-sr"]){l=n["s-sn"];n.hidden=false;for(i=0;i<a;i++){s=r[i].nodeType;if(r[i]["s-hn"]!==n["s-hn"]||l!==""){if(s===1&&l===r[i].getAttribute("slot")){n.hidden=true;break}}else{if(s===1||s===3&&r[i].textContent.trim()!==""){n.hidden=true;break}}}}J(n)}}};var K=[];var Q=function(e){var r;var n;var t;var a;var i;var l;var o=0;var f=e.childNodes;var $=f.length;for(;o<$;o++){r=f[o];if(r["s-sr"]&&(n=r["s-cr"])&&n.parentNode){t=n.parentNode.childNodes;a=r["s-sn"];for(l=t.length-1;l>=0;l--){n=t[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==r["s-hn"]){if(X(n,a)){i=K.find((function(e){return e.$nodeToRelocate$===n}));s=true;n["s-sn"]=n["s-sn"]||a;if(i){i.$slotRefNode$=r}else{K.push({$slotRefNode$:r,$nodeToRelocate$:n})}if(n["s-sr"]){K.map((function(e){if(X(e.$nodeToRelocate$,n["s-sn"])){i=K.find((function(e){return e.$nodeToRelocate$===n}));if(i&&!e.$slotRefNode$){e.$slotRefNode$=i.$slotRefNode$}}}))}}else if(!K.some((function(e){return e.$nodeToRelocate$===n}))){K.push({$nodeToRelocate$:n})}}}}if(r.nodeType===1){Q(r)}}};var X=function(e,r){if(e.nodeType===1){if(e.getAttribute("slot")===null&&r===""){return true}if(e.getAttribute("slot")===r){return true}return false}if(e["s-sn"]===r){return true}return r===""};var Y=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(Y)}};var Z=function(e,r){var n=e.$hostElement$;var t=e.$cmpMeta$;var f=e.$vnode$||E(null,null);var $=A(r)?r:j(null,null,r);i=n.tagName;if(t.$attrsToReflect$){$.$attrs$=$.$attrs$||{};t.$attrsToReflect$.map((function(e){var r=e[0],t=e[1];return $.$attrs$[t]=n[r]}))}$.$tag$=null;$.$flags$|=4;e.$vnode$=$;$.$elm$=f.$elm$=n;{a=n["s-cr"];l=(t.$flags$&1)!==0;s=false}G(f,$);{d.$flags$|=1;if(o){Q($.$elm$);var u=void 0;var c=void 0;var h=void 0;var p=void 0;var m=void 0;var g=void 0;var y=0;for(;y<K.length;y++){u=K[y];c=u.$nodeToRelocate$;if(!c["s-ol"]){h=v.createTextNode("");h["s-nr"]=c;c.parentNode.insertBefore(c["s-ol"]=h,c)}}for(y=0;y<K.length;y++){u=K[y];c=u.$nodeToRelocate$;if(u.$slotRefNode$){p=u.$slotRefNode$.parentNode;m=u.$slotRefNode$.nextSibling;h=c["s-ol"];while(h=h.previousSibling){g=h["s-nr"];if(g&&g["s-sn"]===c["s-sn"]&&p===g.parentNode){g=g.nextSibling;if(!g||!g["s-nr"]){m=g;break}}}if(!m&&p!==c.parentNode||c.nextSibling!==m){if(c!==m){if(!c["s-hn"]&&c["s-ol"]){c["s-hn"]=c["s-ol"].parentNode.nodeName}p.insertBefore(c,m)}}}else{if(c.nodeType===1){c.hidden=true}}}}if(s){J($.$elm$)}d.$flags$&=~1;K.length=0}};var ee=e("g",(function(e){return Se(e).$hostElement$}));var re=e("c",(function(e,r,n){var t=ee(e);return{emit:function(e){return ne(t,r,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}}}));var ne=function(e,r,n){var t=d.ce(r,n);e.dispatchEvent(t);return t};var te=function(e,r){if(r&&!e.$onRenderResolve$&&r["s-p"]){r["s-p"].push(new Promise((function(r){return e.$onRenderResolve$=r})))}};var ae=function(e,r){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}te(e,e.$ancestorComponent$);var n=function(){return ie(e,r)};return ze(n)};var ie=function(e,r){var n=N("scheduleUpdate",e.$cmpMeta$.$tagName$);var t=e.$lazyInstance$;var a;if(r){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var r=e[0],n=e[1];return $e(t,r,n)}));e.$queuedListeners$=null}}{a=$e(t,"componentWillLoad")}}{a=ue(a,(function(){return $e(t,"componentWillRender")}))}n();return ue(a,(function(){return le(e,t,r)}))};var le=function(e,r,t){return __awaiter(n,void 0,void 0,(function(){var n,a,i,l,s,o;return __generator(this,(function(f){n=e.$hostElement$;a=N("update",e.$cmpMeta$.$tagName$);i=n["s-rc"];if(t){k(e)}l=N("render",e.$cmpMeta$.$tagName$);{se(e,r)}if(d.$cssShim$){d.$cssShim$.updateHost(n)}if(i){i.map((function(e){return e()}));n["s-rc"]=undefined}l();a();{s=n["s-p"];o=function(){return oe(e)};if(s.length===0){o()}else{Promise.all(s).then(o);e.$flags$|=4;s.length=0}}return[2]}))}))};var se=function(e,r,n){try{r=r.render();{e.$flags$&=~16}{e.$flags$|=2}{{{Z(e,r)}}}}catch(t){Ce(t,e.$hostElement$)}return null};var oe=function(e){var r=e.$cmpMeta$.$tagName$;var n=e.$hostElement$;var t=N("postUpdate",r);var a=e.$lazyInstance$;var i=e.$ancestorComponent$;{$e(a,"componentDidRender")}if(!(e.$flags$&64)){e.$flags$|=64;{ce(n)}{$e(a,"componentDidLoad")}t();{e.$onReadyResolve$(n);if(!i){fe()}}}else{t()}{e.$onInstanceResolve$(n)}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){Be((function(){return ae(e,false)}))}e.$flags$&=~(4|512)}};var fe=function(e){{ce(v.documentElement)}Be((function(){return ne(u,"appload",{detail:{namespace:t}})}))};var $e=function(e,r,n){if(e&&e[r]){try{return e[r](n)}catch(t){Ce(t)}}return undefined};var ue=function(e,r){return e&&e.then?e.then(r):r()};var ce=function(e){return e.classList.add("hydrated")};var ve=function(e,r){if(e!=null&&!P(e)){if(r&4){return e==="false"?false:e===""||!!e}if(r&2){return parseFloat(e)}if(r&1){return String(e)}return e}return e};var de=function(e,r){return Se(e).$instanceValues$.get(r)};var he=function(e,r,n,t){var a=Se(e);var i=a.$hostElement$;var l=a.$instanceValues$.get(r);var s=a.$flags$;var o=a.$lazyInstance$;n=ve(n,t.$members$[r][0]);if((!(s&8)||l===undefined)&&n!==l){a.$instanceValues$.set(r,n);if(o){if(t.$watchers$&&s&128){var f=t.$watchers$[r];if(f){f.map((function(e){try{o[e](n,l,r)}catch(t){Ce(t,i)}}))}}if((s&(2|16))===2){ae(a,false)}}}};var pe=function(e,r,n){if(r.$members$){if(e.watchers){r.$watchers$=e.watchers}var t=Object.entries(r.$members$);var a=e.prototype;t.map((function(e){var t=e[0],i=e[1][0];if(i&31||n&2&&i&32){Object.defineProperty(a,t,{get:function(){return de(this,t)},set:function(e){he(this,t,e,r)},configurable:true,enumerable:true})}else if(n&1&&i&64){Object.defineProperty(a,t,{value:function(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var n=Se(this);return n.$onInstancePromise$.then((function(){var r;return(r=n.$lazyInstance$)[t].apply(r,e)}))}})}}));if(n&1){var i=new Map;a.attributeChangedCallback=function(e,r,n){var t=this;d.jmp((function(){var r=i.get(e);t[r]=n===null&&typeof t[r]==="boolean"?false:n}))};e.observedAttributes=t.filter((function(e){var r=e[0],n=e[1];return n[0]&15})).map((function(e){var n=e[0],t=e[1];var a=t[1]||n;i.set(a,n);if(t[0]&512){r.$attrsToReflect$.push([n,a])}return a}))}}return e};var me=function(e,r,t,a,i){return __awaiter(n,void 0,void 0,(function(){var e,n,a,l,s,o,f;return __generator(this,(function($){switch($.label){case 0:if(!((r.$flags$&32)===0))return[3,3];r.$flags$|=32;i=je(t);if(!i.then)return[3,2];e=_();return[4,i];case 1:i=$.sent();e();$.label=2;case 2:if(!i.isProxied){{t.$watchers$=i.watchers}pe(i,t,2);i.isProxied=true}n=N("createInstance",t.$tagName$);{r.$flags$|=8}try{new i(r)}catch(u){Ce(u)}{r.$flags$&=~8}{r.$flags$|=128}n();ge(r.$lazyInstance$);if(i.style){a=i.style;l=T(t);if(!Ee.has(l)){s=N("registerStyles",t.$tagName$);S(l,a,!!(t.$flags$&1));s()}}$.label=3;case 3:o=r.$ancestorComponent$;f=function(){return ae(r,true)};if(o&&o["s-rc"]){o["s-rc"].push(f)}else{f()}return[2]}}))}))};var ge=function(e){{$e(e,"connectedCallback")}};var ye=function(e){if((d.$flags$&1)===0){var r=Se(e);var n=r.$cmpMeta$;var t=N("connectedCallback",n.$tagName$);if(!(r.$flags$&1)){r.$flags$|=1;{if(n.$flags$&(4|8)){be(e)}}{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){te(r,r.$ancestorComponent$=a);break}}}if(n.$members$){Object.entries(n.$members$).map((function(r){var n=r[0],t=r[1][0];if(t&31&&e.hasOwnProperty(n)){var a=e[n];delete e[n];e[n]=a}}))}{me(e,r,n)}}else{m(e,r,n.$listeners$);ge(r.$lazyInstance$)}t()}};var be=function(e){var r=e["s-cr"]=v.createComment("");r["s-cn"]=true;e.insertBefore(r,e.firstChild)};var we=function(e){if((d.$flags$&1)===0){var r=Se(e);{if(r.$rmListeners$){r.$rmListeners$.map((function(e){return e()}));r.$rmListeners$=undefined}}if(d.$cssShim$){d.$cssShim$.removeHost(e)}}};var Ne=function(e,r){var n=function(e){__extends(r,e);function r(){return e!==null&&e.apply(this,arguments)||this}r.prototype.item=function(e){return this[e]};return r}(Array);if(r.$flags$&8){var t=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get:function(){return this.childNodes.map((function(e){return e.nodeType===1}))}});Object.defineProperty(e,"childElementCount",{get:function(){return e.children.length}});Object.defineProperty(e,"childNodes",{get:function(){var e=t.call(this);if((d.$flags$&1)===0&&Se(this).$flags$&2){var r=new n;for(var a=0;a<e.length;a++){var i=e[a]["s-nr"];if(i){r.push(i)}}return r}return n.from(e)}})}};var _e=e("b",(function(e,r){if(r===void 0){r={}}var n=N();var t=[];var a=r.exclude||[];var i=u.customElements;var l=v.head;var s=l.querySelector("meta[charset]");var o=v.createElement("style");var f=[];var $;var c=true;Object.assign(d,r);d.$resourcesUrl$=new URL(r.resourcesUrl||"./",v.baseURI).href;e.map((function(e){return e[1].map((function(r){var n={$flags$:r[0],$tagName$:r[1],$members$:r[2],$listeners$:r[3]};{n.$members$=r[2]}{n.$listeners$=r[3]}{n.$attrsToReflect$=[]}{n.$watchers$={}}var l=n.$tagName$;var s=function(e){__extends(r,e);function r(r){var t=e.call(this,r)||this;r=t;ke(r,n);{Ne(r,n)}return t}r.prototype.connectedCallback=function(){var e=this;if($){clearTimeout($);$=null}if(c){f.push(this)}else{d.jmp((function(){return ye(e)}))}};r.prototype.disconnectedCallback=function(){var e=this;d.jmp((function(){return we(e)}))};r.prototype.componentOnReady=function(){return Se(this).$onReadyPromise$};return r}(HTMLElement);n.$lazyBundleId$=e[0];if(!a.includes(l)&&!i.get(l)){t.push(l);i.define(l,pe(s,n,1))}}))}));{o.innerHTML=t+w;o.setAttribute("data-styles","");l.insertBefore(o,s?s.nextSibling:l.firstChild)}c=false;if(f.length){f.map((function(e){return e.connectedCallback()}))}else{{d.jmp((function(){return $=setTimeout(fe,30)}))}}n()}));var Re=new WeakMap;var Se=function(e){return Re.get(e)};var xe=e("r",(function(e,r){return Re.set(r.$lazyInstance$=e,r)}));var ke=function(e,r){var n={$flags$:0,$hostElement$:e,$cmpMeta$:r,$instanceValues$:new Map};{n.$onInstancePromise$=new Promise((function(e){return n.$onInstanceResolve$=e}))}{n.$onReadyPromise$=new Promise((function(e){return n.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}m(e,n,r.$listeners$);return Re.set(e,n)};var Te=function(e,r){return r in e};var Ce=function(e,r){return(0,console.error)(e,r)};var Pe=new Map;var je=function(e,n,t){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleId$;var l=Pe.get(i);if(l){return l[a]}return r.import("./"+i+".entry.js"+"").then((function(e){{Pe.set(i,e)}return e[a]}),Ce)};var Ee=new Map;var Le=[];var Ae=[];var Me=function(e,r){return function(n){e.push(n);if(!$){$=true;if(r&&d.$flags$&4){Be(Oe)}else{d.raf(Oe)}}}};var Ie=function(e){for(var r=0;r<e.length;r++){try{e[r](performance.now())}catch(n){Ce(n)}}e.length=0};var Oe=function(){Ie(Le);{Ie(Ae);if($=Le.length>0){d.raf(Oe)}}};var Be=function(e){return h().then(e)};var ze=Me(Ae,true)}}}));

[rwaskiewicz]

Hey there 👋

I’m having trouble reproducing this on my end with the latest version of Stencil (v4). If anyone is willing/able, would you be able to create a minimal reproduction case for the team? If not, I completely understand. Again, I apologize for the lack of response here

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Stencil starter component library and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[ionitron-bot]

Thanks for the issue! This issue is being closed due to inactivity. If this is still an issue with the latest version of Stencil, please create a new issue and ensure the template is fully filled out.

Thank you for using Stencil!