Initialize components in try/catch blocks

MuzafferDede · May 2, 2020 · 05cab0c · 05cab0c
1 parent 7e5b73d
commit 05cab0c
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 4 deletions.
diff --git a/dist/alpine-ie11.js b/dist/alpine-ie11.js
@@ -7175,8 +7175,18 @@
       observer.observe(targetNode, observerOptions);
     },
     initializeComponent: function initializeComponent(el) {
+      var _this8 = this;
+
       if (!el.__x) {
-        el.__x = new Component(el);
+        try {
+          el.__x = new Component(el);
+        } catch (err) {
+          window.setTimeout(function () {
+            _newArrowCheck(this, _this8);
+
+            throw err;
+          }.bind(this), 0);
+        }
       }
     },
     clone: function clone(component, newEl) {

diff --git a/dist/alpine.js b/dist/alpine.js
@@ -1692,7 +1692,13 @@
     },
     initializeComponent: function initializeComponent(el) {
       if (!el.__x) {
-        el.__x = new Component(el);
+        try {
+          el.__x = new Component(el);
+        } catch (err) {
+          window.setTimeout(() => {
+            throw err;
+          }, 0);
+        }
       }
     },
     clone: function clone(component, newEl) {

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/index.js b/src/index.js
@@ -76,7 +76,13 @@ const Alpine = {
 
     initializeComponent: function (el) {
         if (! el.__x) {
-            el.__x = new Component(el)
+            try {
+                el.__x = new Component(el)
+            } catch (err) {
+                window.setTimeout(() => {
+                    throw err;
+                }, 0);
+            }
         }
     },