Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Anchor links throw exceptions in console and make the links unusable #33

Closed
donmbelembe opened this issue Aug 17, 2022 · 3 comments
Closed

Anchor links throw exceptions in console and make the links unusable #33

donmbelembe opened this issue Aug 17, 2022 · 3 comments
Labels
bug Something isn't working

Comments

@donmbelembe
Copy link

Hello,

I have set 'transform_anchors': false, however, the following link throws an exception in the console and also makes every other Link components to also fail:

<a  href="#pricing">Pricing</a>
@pascalbaljet
Copy link
Contributor

Could you share the exception?

@donmbelembe
Copy link
Author

When I click to the Ancor link, I get

Uncaught TypeError: Cannot read properties of null (reading 'html')
    at Proxy.a (protone-media-laravel-splade.js:185:49)

[Vue warn]: Unhandled error during execution of render function 
  at <SpladeApp el= <div id=​"app" data-components=​""<SpladeConfirm\n    default-title=\"Are you sure you want to continue?\"\n    default-text=\"\"\n    default-confirm-button=\"Confirm\"\n    default-cancel-button=\"Cancel\"\n>\n    <template #default=\"confirm\">\n        <component :​is=\"confirm.TransitionRoot\" as=\"template\" :​show=\"confirm.isOpen\">\n            <component :​is=\"confirm.Dialog\" as=\"div\" class=\"relative z-30\" @close=\"confirm.setIsOpen(false)​\">\n                <component\n                    :​is=\"confirm.TransitionChild\"\n                    as=\"template\"\n                    enter=\"ease-out duration-300\"\n                    enter-from=\"opacity-0\"\n                    enter-to=\"opacity-100\"\n                    leave=\"ease-in duration-200\"\n                    leave-from=\"opacity-100\"\n                    leave-to=\"opacity-0\"\n                >\n                    <div class=\"fixed inset-0 bg-black\/​75 transition-opacity\" \/​>\n                <\/​component>\n\n                <div class=\"fixed z-30 inset-0 overflow-y-auto\">\n                    <div class=\"flex items-end sm:​items-center justify-center min-h-full p-4 text-center sm:​p-0\">\n                        <component\n                            :​is=\"confirm.TransitionChild\"\n                            as=\"template\"\n                            enter=\"ease-out duration-300\"\n                            enter-from=\"opacity-0 translate-y-4 sm:​translate-y-0 sm:​scale-95\"\n                            enter-to=\"opacity-100 translate-y-0 sm:​scale-100\"\n                            leave=\"ease-in duration-200\"\n                            leave-from=\"opacity-100 translate-y-0 sm:​scale-100\"\n                            leave-to=\"opacity-0 translate-y-4 sm:​translate-y-0 sm:​scale-95\"\n                            @after-leave=\"confirm.emitClose\"\n                        >\n                            <component :​is=\"confirm.DialogPanel\"\n                                class=\"relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:​my-8 sm:​max-w-lg sm:​w-full sm:​p-6\">\n                                <div class=\"sm:​flex sm:​items-start\">\n                                    <div class=\"text-center sm:​mt-0 sm:​text-left\">\n                                        <h3 class=\"text-lg leading-6 font-medium text-gray-900\" v-text=\"confirm.title\" \/​>\n                                        <div class=\"mt-2\" v-if=\"confirm.text\">\n                                            <p class=\"text-sm text-gray-500\" v-text=\"confirm.text\" \/​>\n                                        <\/​div>\n                                    <\/​div>\n                                <\/​div>\n\n                                <div class=\"mt-5 sm:​mt-4 sm:​flex\">\n                                    <button\n                                        dusk=\"splade-confirm-confirm\"\n                                        type=\"button\"\n                                        class=\"inline-flex justify-center w-full rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:​bg-blue-700 focus:​outline-none focus:​ring-2 focus:​ring-offset-2 focus:​ring-blue-500 sm:​w-auto sm:​text-sm\"\n                                        @click.prevent=\"confirm.confirm\"\n                                        v-text=\"confirm.confirmButton\"\n                                    \/​>\n                                    <button\n                                        dusk=\"splade-confirm-cancel\"\n                                        type=\"button\"\n                                        class=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 px-4 py-2 bg-white text-base font-medium text-gray-700 shadow-sm hover:​bg-gray-50 focus:​outline-none focus:​ring-2 focus:​ring-offset-2 focus:​ring-indigo-500 sm:​mt-0 sm:​ml-3 sm:​w-auto sm:​text-sm\"\n                                        @click.prevent=\"confirm.cancel\"\n                                        v-text=\"confirm.cancelButton\"\n                                    \/​>\n                                <\/​div>\n                            <\/​component>\n                        <\/​component>\n                    <\/​div>\n                <\/​div>\n            <\/​component>\n        <\/​component>\n    <\/​template>\n<\/​SpladeConfirm><SpladeToasts>\n    <template #default=\"toasts\">\n        <component :​is=\"toasts.TransitionRoot\" appear :​show=\"toasts.hasBackdrop\">\n            <!-- The backdrop, rendered as a fixed sibling to the panel container -->\n            <component\n                :​is=\"toasts.TransitionChild\"\n                enter=\"ease-in-out duration-300\"\n                enter-from=\"opacity-0\"\n                enter-to=\"opacity-100\"\n                leave=\"ease-in-out duration-300\"\n                leave-from=\"opacity-100\"\n                leave-to=\"opacity-0\"\n            >\n                <div class=\"fixed inset-0 bg-black\/​75 transition-opacity\" \/​>\n            <\/​component>\n        <\/​component>\n\n        <div class=\"fixed inset-0 grid grid-cols-3 grid-flow-row-3 z-10 pointer-events-none\">\n            <div v-for=\"position in toasts.positions\" class=\"relative\">\n                <div\n                    :​class=\"{\n                        'absolute w-full h-full flex flex-col p-4 space-y-4':​ true,\n                        'items-start justify-start':​ position == 'left-top',\n                        'items-center justify-start':​ position == 'center-top',\n                        'items-end justify-start':​ position == 'right-top',\n                        'items-start justify-center':​ position == 'left-center',\n                        'items-center justify-center':​ position == 'center-center',\n                        'items-end justify-center':​ position == 'right-center',\n                        'items-start justify-end':​ position == 'left-bottom',\n                        'items-center justify-end':​ position == 'center-bottom',\n                        'items-end justify-end':​ position == 'right-bottom'\n                    }​\"\n                >\n                    <template v-for=\"(toast, toastKey)​ in toasts.toasts\">\n                        <template v-if=\"toast.position == position && !toast.dismissed && toast.html\">\n                            <component :​is=\"toasts.Render\"\n                                @dismiss=\"toasts.dismissToast(toastKey)​\"\n                                :​toast-key=\"toastKey\"\n                                :​key=\"toastKey\"\n                                :​html=\"toast.html\"\n                            \/​>\n                        <\/​template>\n                    <\/​template>\n                <\/​div>\n            <\/​div>\n        <\/​div>\n    <\/​template>\n<\/​SpladeToasts>\n"" data-html=​""<div class=\"min-h-screen bg-gray-100\">\n    <SpladeData \n     :​default=\"{ open:​ false }​\" >\n    <template #default=\"data\">\n        <nav class=\"bg-white border-b border-gray-100\">\n        <!-- Primary Navigation Menu -->\n        <div class=\"max-w-7xl mx-auto px-4 sm:​px-6\">\n            <div class=\"flex justify-between h-16\">\n                <div class=\"flex w-full  justify-between \">\n                    <!-- Logo -->\n                    <div class=\" flex items-center\">\n                        <a href=\"http:​\/​\/​localhost\">\n                            <svg xmlns=\"http:​\/​\/​www.w3.org\/​2000\/​svg\" viewBox=\"0 0 696 110\" class=\"w-52\">\n\t<path d=\"m157.9 15.9h-111.4q-11.5 0-19.6 6.3-8.1 6.1-8.1 14.9v3.5q0 8.8 8.1 15.1 8.1 6.1 19.6 6.1h111.4q3.8 0 6.5 2.2 2.9 2 2.9 5v5.5q0 1-1 1.8-0.7 0.7-2.1 0.7h-116.2q-19.8 0-33.8-10.7-14-10.6-14-25.7v-3.5q0-15.1 14-25.7 14-10.7 33.8-10.7h116.2q1.4 0 2.1 0.7 1 0.6 1 1.6v5.6q0 3-2.9 5.2-2.7 2.1-6.5 2.1zm45.7-8.1v32.8q0 8.8 8 15.1 8.1 6.1 19.6 6.1h92.8q3.9 0 6.7 2.2 2.9 2 2.9 5v5.5q0 1-0.9 1.8-1 0.7-2.3 0.7h-97.6q-19.8 0-33.8-10.7-14.1-10.6-14.1-25.7v-37.6q0-1 1-1.6 1-0.7 2.3-0.7h5.8q4 0 6.7 2.2 2.9 2 2.9 4.9zm274.2 37.5h-92.9q-3.7 0-6.4-1.9-2.7-2.1-2.7-5 0-2.9 2.9-5 2.9-2.2 6.7-2.2h98.8q1.3 0 2.3 0.8 0.9 0.6 0.9 1.6v4.4q0 3-2.8 5.2-2.9 2.1-6.8 2.1zm18.7-29.4h-111.4q-11.6 0-19.6 6.3-8.1 6.1-8.1 14.9v3.5q0 8.8 8.1 15.1 8 6.1 19.6 6.1h111.4q3.8 0 6.5 2.2 2.9 2 2.9 5v5.5q0 1-1 1.8-0.7 0.7-2.1 0.7h-116.2q-19.8 0-33.8-10.7-14-10.6-14-25.7v-3.5q0-15.1 14-25.7 14-10.7 33.8-10.7h116.2q1.4 0 2.1 0.7 1 0.6 1 1.6v5.6q0 3-2.9 5.2-2.7 2.1-6.5 2.1zm190.9 21q4 3.1 6.3 7.9 2.3 4.9 2.1 9.7-0.2 9.3-9.2 15.9-9 6.6-21.5 6.6h-133.1q-1.4 0-2.3-0.7-1-0.8-1-1.8v-71.5q0-1 1-1.6 0.9-0.7 2.3-0.7h131.6q12.1 0 20.9 6.1 9 6.2 9.8 15.2 0.6 8.1-6.9 14.9zm-22.1-21h-116.4q-1.6 0-1.6 1.2v12.8q0 1.3 1.6 1.3h116.8q4.2 0 7.1-2.3 3.1-2.3 2.9-5.6 0-3-3.1-5.2-3.1-2.2-7.3-2.2zm-116.4 45.9h117.9q4.3 0 7.3-2.2 3.1-2.2 3.3-5.3 0-3.3-3.1-6.1-2.9-2.9-7.1-2.9h-118.3q-1.6 0-1.6 1.1v14.1q0 1.3 1.6 1.3z\"\/​>\n\t<path d=\"m468.6 105.3v-18.2q0-0.8 0.5-1.4 0.6-0.6 1.5-0.6h1.2q0.3 0 0.5 0.2 0.2 0.2 0.2 0.5v18.2q0 0.8-0.6 1.4-0.6 0.6-1.4 0.6h-1.2q-0.3 0-0.5-0.2-0.2-0.2-0.2-0.5zm41-16.4h1.1q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v14.6q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-1.6q-1 0-1.9-0.5l-0.1-0.1-21.6-12.9q0 0 0 0 0 0 0 0v11.7q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-1.1q-0.3 0-0.6-0.2-0.2-0.2-0.2-0.6v-14.5q0-0.8 0.5-1.3 0.6-0.5 1.5-0.5h1.5q1.1 0 1.9 0.5l21.7 13q0 0 0.1 0 0 0 0-0.1v-11.6q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5zm17.8 0h21.3q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1.2q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-20.4q-2 0-3.4 1.3-1.4 1.3-1.4 3.1v10.9q0 0.7-0.6 1.3-0.6 0.5-1.4 0.5h-1.1q-0.3 0-0.6-0.2-0.2-0.3-0.2-0.5v-12q0-3.4 2.6-5.7 2.7-2.4 6.4-2.4zm0 6.8h15.3q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1q0 0.7-0.6 1.2-0.6 0.6-1.4 0.6h-15.3q-0.3 0-0.5-0.2-0.3-0.2-0.3-0.6v-0.9q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5zm34.5-6.8h13.1q3.7 0 6.4 2.4 2.6 2.3 2.6 5.7v0.8q0 3.4-2.6 5.8-2.7 2.4-6.4 2.4h-13.1q-3.7 0-6.4-2.4-2.6-2.4-2.6-5.8v-0.8q0-3.4 2.6-5.7 2.7-2.4 6.4-2.4zm18.2 8.9v-0.8q0-1.8-1.4-3.1-1.4-1.3-3.4-1.3h-13.7q-2 0-3.4 1.3-1.4 1.3-1.4 3.1v0.8q0 1.8 1.4 3.2 1.4 1.2 3.4 1.2h13.7q2 0 3.4-1.2 1.4-1.4 1.4-3.2zm14.8-2h19.9q2.5 0 4.1 1.4 1.7 1.4 1.7 3.6 0 2.1-1.7 3.7-1.7 1.5-4.1 1.5h-24.2q-0.4 0-0.6-0.2-0.3-0.2-0.3-0.6v-1.2q0-0.7 0.6-1.2 0.6-0.6 1.4-0.6h23.4q0.6 0 1.1-0.4 0.5-0.4 0.5-1 0-0.6-0.5-1-0.5-0.5-1.1-0.5h-19.9q-2.5 0-4.1-1.4-1.6-1.4-1.6-3.5 0-2.3 1.6-3.9 1.8-1.7 4.1-1.7h24.3q0.3 0 0.5 0.3 0.3 0.2 0.3 0.5v1.2q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-23.4q-0.6 0-1.1 0.6-0.5 0.5-0.5 1.2 0 0.6 0.5 1 0.5 0.4 1.1 0.4zm61.8-6.2v1.5q0 0.5 0 1v4.9q0 3.7-2.4 6.4-2.4 2.6-5.8 2.6h-20.1q-0.3 0-0.5-0.2-0.2-0.3-0.2-0.6v-1.1q0-0.8 0.5-1.4 0.5-0.6 1.3-0.6h19q1.7 0 2.9-1.2 1.3-1.2 1.5-3.1-2.4 1.5-5.2 1.5h-13.1q-3.7 0-6.3-2.4-2.7-2.4-2.7-5.8v-0.4q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5h1.1q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1.5q0 1.9 1.4 3.2 1.4 1.3 3.4 1.3h13.7q2 0 3.4-1.3 1.5-1.3 1.5-3.2v-0.7q0-0.8 0.5-1.1 0.6-0.4 1.4-0.4h1.1q0.4 0 0.6 0.2 0.2 0.2 0.2 0.5zm11.4 6.2h19.9q2.4 0 4.1 1.4 1.6 1.4 1.6 3.6 0 2.1-1.7 3.7-1.7 1.5-4 1.5h-24.3q-0.3 0-0.6-0.2-0.2-0.2-0.2-0.6v-1.2q0-0.7 0.6-1.2 0.6-0.6 1.4-0.6h23.4q0.6 0 1.1-0.4 0.5-0.4 0.5-1 0-0.6-0.5-1-0.5-0.5-1.1-0.5h-19.9q-2.5 0-4.1-1.4-1.7-1.4-1.7-3.5 0-2.3 1.7-3.9 1.7-1.7 4.1-1.7h24.2q0.3 0 0.6 0.3 0.2 0.2 0.2 0.5v1.2q0 0.8-0.6 1.3-0.5 0.5-1.3 0.5h-23.4q-0.6 0-1.1 0.6-0.5 0.5-0.5 1.2 0 0.6 0.4 1 0.5 0.4 1.2 0.4z\"\/​>\n<\/​svg>                        <\/​a>\n                    <\/​div>\n\n                    <!-- Navigation Links -->\n                    <div class=\"hidden space-x-8 sm:​-my-px sm:​ml-10 sm:​flex\">\n                        <Link class=\"inline-flex items-center px-1 pt-1 border-b-2 border-primary-400 text-sm font-medium leading-5 text-gray-900 focus:​outline-none focus:​border-primary-700 transition\" href=\"http:​\/​\/​localhost\">\n    Home\n<\/​Link>\n                        <Link class=\"inline-flex items-center px-1 pt-1 border-b…        <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Pricing <\/​a>\n              <\/​li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Documentation <\/​a>\n              <\/​li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Guides <\/​a>\n              <\/​li>\n\n              <Link modal  href=\"http:​\/​\/​localhost\/​contact\" class=\"flex items-center lg:​order-2\">\n                <li>\n                  <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\">\n                      Nous contacter\n                  <\/​a>\n                <\/​li>\n              <\/​Link>\n\n            <\/​ul>\n          <\/​div>\n          <div class=\"mt-12 md:​mt-0\">\n            <h3 class=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Compagnie<\/​h3>\n            <ul role=\"list\" class=\"mt-4 space-y-4\">\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> \u00c0 propos <\/​a>\n              <\/​li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Partenaires <\/​a>\n              <\/​li>\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Claim <\/​a>\n              <\/​li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Privacy <\/​a>\n              <\/​li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Terms <\/​a>\n              <\/​li>\n            <\/​ul>\n          <\/​div>\n\n\n        <\/​div>\n      <\/​div>\n      <div class=\"mt-8 xl:​mt-0\">\n        <h3 class=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Abonnez-vous \u00e0 notre newsletter<\/​h3>\n        <p class=\"mt-4 text-base text-gray-300\">Abonnez-vous \u00e0 notre newsletter pour \u00eatre inform\u00e9 de nos produits.<\/​p>\n        <form class=\"mt-4 sm:​flex sm:​max-w-md\">\n          <label for=\"email-address\" class=\"sr-only\">Email address<\/​label>\n          <input type=\"email\" name=\"email-address\" id=\"email-address\" autocomplete=\"email\" required class=\"appearance-none min-w-0 w-full bg-white border border-transparent rounded-md py-2 px-4 text-base text-gray-900 placeholder-gray-500 focus:​outline-none focus:​ring-2 focus:​ring-offset-2 focus:​ring-offset-gray-800 focus:​ring-white focus:​border-white focus:​placeholder-gray-400\" placeholder=\"Enter your email\">\n          <div class=\"mt-3 rounded-md sm:​mt-0 sm:​ml-3 sm:​flex-shrink-0\">\n            <button type=\"submit\" class=\"w-full bg-primary-500 border border-transparent rounded-md py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:​bg-primary-600 focus:​outline-none focus:​ring-2 focus:​ring-offset-2 focus:​ring-offset-gray-800 focus:​ring-primary-500\">Subscribe<\/​button>\n          <\/​div>\n        <\/​form>\n      <\/​div>\n    <\/​div>\n    <div class=\"mt-8 border-t border-gray-700 pt-8 md:​flex md:​items-center md:​justify-between\">\n      <div class=\"flex space-x-6 md:​order-2\">\n        <a href=\"https:​\/​\/​www.facebook.com\/​ClebInfosys\" target=\"_blank\" class=\"text-gray-400 hover:​text-gray-300\">\n          <span class=\"sr-only\">Facebook<\/​span>\n          <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path fill-rule=\"evenodd\" d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z\" clip-rule=\"evenodd\" \/​>\n          <\/​svg>\n        <\/​a>\n\n        <a href=\"https:​\/​\/​twitter.com\/​cleb_infosys?s=21&t=tEsWWweDcHypVRrxNNbiAA\" target=\"_blank\" class=\"text-gray-400 hover:​text-gray-300\">\n          <span class=\"sr-only\">Twitter<\/​span>\n          <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\" \/​>\n          <\/​svg>\n        <\/​a>\n      <\/​div>\n      <p class=\"mt-8 text-base text-gray-400 md:​mt-0 md:​order-1\">&copy;​ 2022 Clebinfosys, Inc. Tous les droits sont r\u00e9serv\u00e9s.<\/​p>\n    <\/​div>\n  <\/​div>\n<\/​footer>\n    <\/​main>\n<\/​div>\n"" data-splade=​"{"modal":​null,"refresh":​false,"flash":​{}​,"errors":​{}​,"shared":​{}​,"toasts":​[]​}​" data-v-app>​…​</div>​ > 
  at <App>
warn2 @ runtime-core.esm-bundler.js:38
logError @ runtime-core.esm-bundler.js:212
handleError @ runtime-core.esm-bundler.js:204
renderComponentRoot @ runtime-core.esm-bundler.js:925
componentUpdateFn @ runtime-core.esm-bundler.js:5651
run @ reactivity.esm-bundler.js:185
instance.update @ runtime-core.esm-bundler.js:5694
callWithErrorHandling @ runtime-core.esm-bundler.js:155
flushJobs @ runtime-core.esm-bundler.js:396
Promise.then (async)
queueFlush @ runtime-core.esm-bundler.js:285
queueJob @ runtime-core.esm-bundler.js:279
(anonymous) @ runtime-core.esm-bundler.js:5692
triggerEffect @ reactivity.esm-bundler.js:394
triggerEffects @ reactivity.esm-bundler.js:384
triggerRefValue @ reactivity.esm-bundler.js:1000
(anonymous) @ reactivity.esm-bundler.js:1131
triggerEffect @ reactivity.esm-bundler.js:394
triggerEffects @ reactivity.esm-bundler.js:379
triggerRefValue @ reactivity.esm-bundler.js:1000
set value @ reactivity.esm-bundler.js:1044
a @ protone-media-laravel-splade.js:185
runtime-core.esm-bundler.js:38 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core 
  at <SpladeApp el= <div id=​"app" data-components=​""<SpladeConfirm\n    default-title=\"Are you sure you want to continue?\"\n    default-text=\"\"\n    default-confirm-button=\"Confirm\"\n    default-cancel-button=\"Cancel\"\n>\n    <template #default=\"confirm\">\n        <component :​is=\"confirm.TransitionRoot\" as=\"template\" :​show=\"confirm.isOpen\">\n            <component :​is=\"confirm.Dialog\" as=\"div\" class=\"relative z-30\" @close=\"confirm.setIsOpen(false)​\">\n                <component\n                    :​is=\"confirm.TransitionChild\"\n                    as=\"template\"\n                    enter=\"ease-out duration-300\"\n                    enter-from=\"opacity-0\"\n                    enter-to=\"opacity-100\"\n                    leave=\"ease-in duration-200\"\n                    leave-from=\"opacity-100\"\n                    leave-to=\"opacity-0\"\n                >\n                    <div class=\"fixed inset-0 bg-black\/​75 transition-opacity\" \/​>\n                <\/​component>\n\n                <div class=\"fixed z-30 inset-0 overflow-y-auto\">\n                    <div class=\"flex items-end sm:​items-center justify-center min-h-full p-4 text-center sm:​p-0\">\n                        <component\n                            :​is=\"confirm.TransitionChild\"\n                            as=\"template\"\n                            enter=\"ease-out duration-300\"\n                            enter-from=\"opacity-0 translate-y-4 sm:​translate-y-0 sm:​scale-95\"\n                            enter-to=\"opacity-100 translate-y-0 sm:​scale-100\"\n                            leave=\"ease-in duration-200\"\n                            leave-from=\"opacity-100 translate-y-0 sm:​scale-100\"\n                            leave-to=\"opacity-0 translate-y-4 sm:​translate-y-0 sm:​scale-95\"\n                            @after-leave=\"confirm.emitClose\"\n                        >\n                            <component :​is=\"confirm.DialogPanel\"\n                                class=\"relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:​my-8 sm:​max-w-lg sm:​w-full sm:​p-6\">\n                                <div class=\"sm:​flex sm:​items-start\">\n                                    <div class=\"text-center sm:​mt-0 sm:​text-left\">\n                                        <h3 class=\"text-lg leading-6 font-medium text-gray-900\" v-text=\"confirm.title\" \/​>\n                                        <div class=\"mt-2\" v-if=\"confirm.text\">\n                                            <p class=\"text-sm text-gray-500\" v-text=\"confirm.text\" \/​>\n                                        <\/​div>\n                                    <\/​div>\n                                <\/​div>\n\n                                <div class=\"mt-5 sm:​mt-4 sm:​flex\">\n                                    <button\n                                        dusk=\"splade-confirm-confirm\"\n                                        type=\"button\"\n                                        class=\"inline-flex justify-center w-full rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:​bg-blue-700 focus:​outline-none focus:​ring-2 focus:​ring-offset-2 focus:​ring-blue-500 sm:​w-auto sm:​text-sm\"\n                                        @click.prevent=\"confirm.confirm\"\n                                        v-text=\"confirm.confirmButton\"\n                                    \/​>\n                                    <button\n                                        dusk=\"splade-confirm-cancel\"\n                                        type=\"button\"\n                                        class=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 px-4 py-2 bg-white text-base font-medium text-gray-700 shadow-sm hover:​bg-gray-50 focus:​outline-none focus:​ring-2 focus:​ring-offset-2 focus:​ring-indigo-500 sm:​mt-0 sm:​ml-3 sm:​w-auto sm:​text-sm\"\n                                        @click.prevent=\"confirm.cancel\"\n                                        v-text=\"confirm.cancelButton\"\n                                    \/​>\n                                <\/​div>\n                            <\/​component>\n                        <\/​component>\n                    <\/​div>\n                <\/​div>\n            <\/​component>\n        <\/​component>\n    <\/​template>\n<\/​SpladeConfirm><SpladeToasts>\n    <template #default=\"toasts\">\n        <component :​is=\"toasts.TransitionRoot\" appear :​show=\"toasts.hasBackdrop\">\n            <!-- The backdrop, rendered as a fixed sibling to the panel container -->\n            <component\n                :​is=\"toasts.TransitionChild\"\n                enter=\"ease-in-out duration-300\"\n                enter-from=\"opacity-0\"\n                enter-to=\"opacity-100\"\n                leave=\"ease-in-out duration-300\"\n                leave-from=\"opacity-100\"\n                leave-to=\"opacity-0\"\n            >\n                <div class=\"fixed inset-0 bg-black\/​75 transition-opacity\" \/​>\n            <\/​component>\n        <\/​component>\n\n        <div class=\"fixed inset-0 grid grid-cols-3 grid-flow-row-3 z-10 pointer-events-none\">\n            <div v-for=\"position in toasts.positions\" class=\"relative\">\n                <div\n                    :​class=\"{\n                        'absolute w-full h-full flex flex-col p-4 space-y-4':​ true,\n                        'items-start justify-start':​ position == 'left-top',\n                        'items-center justify-start':​ position == 'center-top',\n                        'items-end justify-start':​ position == 'right-top',\n                        'items-start justify-center':​ position == 'left-center',\n                        'items-center justify-center':​ position == 'center-center',\n                        'items-end justify-center':​ position == 'right-center',\n                        'items-start justify-end':​ position == 'left-bottom',\n                        'items-center justify-end':​ position == 'center-bottom',\n                        'items-end justify-end':​ position == 'right-bottom'\n                    }​\"\n                >\n                    <template v-for=\"(toast, toastKey)​ in toasts.toasts\">\n                        <template v-if=\"toast.position == position && !toast.dismissed && toast.html\">\n                            <component :​is=\"toasts.Render\"\n                                @dismiss=\"toasts.dismissToast(toastKey)​\"\n                                :​toast-key=\"toastKey\"\n                                :​key=\"toastKey\"\n                                :​html=\"toast.html\"\n                            \/​>\n                        <\/​template>\n                    <\/​template>\n                <\/​div>\n            <\/​div>\n        <\/​div>\n    <\/​template>\n<\/​SpladeToasts>\n"" data-html=​""<div class=\"min-h-screen bg-gray-100\">\n    <SpladeData \n     :​default=\"{ open:​ false }​\" >\n    <template #default=\"data\">\n        <nav class=\"bg-white border-b border-gray-100\">\n        <!-- Primary Navigation Menu -->\n        <div class=\"max-w-7xl mx-auto px-4 sm:​px-6\">\n            <div class=\"flex justify-between h-16\">\n                <div class=\"flex w-full  justify-between \">\n                    <!-- Logo -->\n                    <div class=\" flex items-center\">\n                        <a href=\"http:​\/​\/​localhost\">\n                            <svg xmlns=\"http:​\/​\/​www.w3.org\/​2000\/​svg\" viewBox=\"0 0 696 110\" class=\"w-52\">\n\t<path d=\"m157.9 15.9h-111.4q-11.5 0-19.6 6.3-8.1 6.1-8.1 14.9v3.5q0 8.8 8.1 15.1 8.1 6.1 19.6 6.1h111.4q3.8 0 6.5 2.2 2.9 2 2.9 5v5.5q0 1-1 1.8-0.7 0.7-2.1 0.7h-116.2q-19.8 0-33.8-10.7-14-10.6-14-25.7v-3.5q0-15.1 14-25.7 14-10.7 33.8-10.7h116.2q1.4 0 2.1 0.7 1 0.6 1 1.6v5.6q0 3-2.9 5.2-2.7 2.1-6.5 2.1zm45.7-8.1v32.8q0 8.8 8 15.1 8.1 6.1 19.6 6.1h92.8q3.9 0 6.7 2.2 2.9 2 2.9 5v5.5q0 1-0.9 1.8-1 0.7-2.3 0.7h-97.6q-19.8 0-33.8-10.7-14.1-10.6-14.1-25.7v-37.6q0-1 1-1.6 1-0.7 2.3-0.7h5.8q4 0 6.7 2.2 2.9 2 2.9 4.9zm274.2 37.5h-92.9q-3.7 0-6.4-1.9-2.7-2.1-2.7-5 0-2.9 2.9-5 2.9-2.2 6.7-2.2h98.8q1.3 0 2.3 0.8 0.9 0.6 0.9 1.6v4.4q0 3-2.8 5.2-2.9 2.1-6.8 2.1zm18.7-29.4h-111.4q-11.6 0-19.6 6.3-8.1 6.1-8.1 14.9v3.5q0 8.8 8.1 15.1 8 6.1 19.6 6.1h111.4q3.8 0 6.5 2.2 2.9 2 2.9 5v5.5q0 1-1 1.8-0.7 0.7-2.1 0.7h-116.2q-19.8 0-33.8-10.7-14-10.6-14-25.7v-3.5q0-15.1 14-25.7 14-10.7 33.8-10.7h116.2q1.4 0 2.1 0.7 1 0.6 1 1.6v5.6q0 3-2.9 5.2-2.7 2.1-6.5 2.1zm190.9 21q4 3.1 6.3 7.9 2.3 4.9 2.1 9.7-0.2 9.3-9.2 15.9-9 6.6-21.5 6.6h-133.1q-1.4 0-2.3-0.7-1-0.8-1-1.8v-71.5q0-1 1-1.6 0.9-0.7 2.3-0.7h131.6q12.1 0 20.9 6.1 9 6.2 9.8 15.2 0.6 8.1-6.9 14.9zm-22.1-21h-116.4q-1.6 0-1.6 1.2v12.8q0 1.3 1.6 1.3h116.8q4.2 0 7.1-2.3 3.1-2.3 2.9-5.6 0-3-3.1-5.2-3.1-2.2-7.3-2.2zm-116.4 45.9h117.9q4.3 0 7.3-2.2 3.1-2.2 3.3-5.3 0-3.3-3.1-6.1-2.9-2.9-7.1-2.9h-118.3q-1.6 0-1.6 1.1v14.1q0 1.3 1.6 1.3z\"\/​>\n\t<path d=\"m468.6 105.3v-18.2q0-0.8 0.5-1.4 0.6-0.6 1.5-0.6h1.2q0.3 0 0.5 0.2 0.2 0.2 0.2 0.5v18.2q0 0.8-0.6 1.4-0.6 0.6-1.4 0.6h-1.2q-0.3 0-0.5-0.2-0.2-0.2-0.2-0.5zm41-16.4h1.1q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v14.6q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-1.6q-1 0-1.9-0.5l-0.1-0.1-21.6-12.9q0 0 0 0 0 0 0 0v11.7q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-1.1q-0.3 0-0.6-0.2-0.2-0.2-0.2-0.6v-14.5q0-0.8 0.5-1.3 0.6-0.5 1.5-0.5h1.5q1.1 0 1.9 0.5l21.7 13q0 0 0.1 0 0 0 0-0.1v-11.6q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5zm17.8 0h21.3q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1.2q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-20.4q-2 0-3.4 1.3-1.4 1.3-1.4 3.1v10.9q0 0.7-0.6 1.3-0.6 0.5-1.4 0.5h-1.1q-0.3 0-0.6-0.2-0.2-0.3-0.2-0.5v-12q0-3.4 2.6-5.7 2.7-2.4 6.4-2.4zm0 6.8h15.3q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1q0 0.7-0.6 1.2-0.6 0.6-1.4 0.6h-15.3q-0.3 0-0.5-0.2-0.3-0.2-0.3-0.6v-0.9q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5zm34.5-6.8h13.1q3.7 0 6.4 2.4 2.6 2.3 2.6 5.7v0.8q0 3.4-2.6 5.8-2.7 2.4-6.4 2.4h-13.1q-3.7 0-6.4-2.4-2.6-2.4-2.6-5.8v-0.8q0-3.4 2.6-5.7 2.7-2.4 6.4-2.4zm18.2 8.9v-0.8q0-1.8-1.4-3.1-1.4-1.3-3.4-1.3h-13.7q-2 0-3.4 1.3-1.4 1.3-1.4 3.1v0.8q0 1.8 1.4 3.2 1.4 1.2 3.4 1.2h13.7q2 0 3.4-1.2 1.4-1.4 1.4-3.2zm14.8-2h19.9q2.5 0 4.1 1.4 1.7 1.4 1.7 3.6 0 2.1-1.7 3.7-1.7 1.5-4.1 1.5h-24.2q-0.4 0-0.6-0.2-0.3-0.2-0.3-0.6v-1.2q0-0.7 0.6-1.2 0.6-0.6 1.4-0.6h23.4q0.6 0 1.1-0.4 0.5-0.4 0.5-1 0-0.6-0.5-1-0.5-0.5-1.1-0.5h-19.9q-2.5 0-4.1-1.4-1.6-1.4-1.6-3.5 0-2.3 1.6-3.9 1.8-1.7 4.1-1.7h24.3q0.3 0 0.5 0.3 0.3 0.2 0.3 0.5v1.2q0 0.8-0.6 1.3-0.6 0.5-1.4 0.5h-23.4q-0.6 0-1.1 0.6-0.5 0.5-0.5 1.2 0 0.6 0.5 1 0.5 0.4 1.1 0.4zm61.8-6.2v1.5q0 0.5 0 1v4.9q0 3.7-2.4 6.4-2.4 2.6-5.8 2.6h-20.1q-0.3 0-0.5-0.2-0.2-0.3-0.2-0.6v-1.1q0-0.8 0.5-1.4 0.5-0.6 1.3-0.6h19q1.7 0 2.9-1.2 1.3-1.2 1.5-3.1-2.4 1.5-5.2 1.5h-13.1q-3.7 0-6.3-2.4-2.7-2.4-2.7-5.8v-0.4q0-0.8 0.6-1.3 0.6-0.5 1.4-0.5h1.1q0.3 0 0.6 0.2 0.2 0.2 0.2 0.5v1.5q0 1.9 1.4 3.2 1.4 1.3 3.4 1.3h13.7q2 0 3.4-1.3 1.5-1.3 1.5-3.2v-0.7q0-0.8 0.5-1.1 0.6-0.4 1.4-0.4h1.1q0.4 0 0.6 0.2 0.2 0.2 0.2 0.5zm11.4 6.2h19.9q2.4 0 4.1 1.4 1.6 1.4 1.6 3.6 0 2.1-1.7 3.7-1.7 1.5-4 1.5h-24.3q-0.3 0-0.6-0.2-0.2-0.2-0.2-0.6v-1.2q0-0.7 0.6-1.2 0.6-0.6 1.4-0.6h23.4q0.6 0 1.1-0.4 0.5-0.4 0.5-1 0-0.6-0.5-1-0.5-0.5-1.1-0.5h-19.9q-2.5 0-4.1-1.4-1.7-1.4-1.7-3.5 0-2.3 1.7-3.9 1.7-1.7 4.1-1.7h24.2q0.3 0 0.6 0.3 0.2 0.2 0.2 0.5v1.2q0 0.8-0.6 1.3-0.5 0.5-1.3 0.5h-23.4q-0.6 0-1.1 0.6-0.5 0.5-0.5 1.2 0 0.6 0.4 1 0.5 0.4 1.2 0.4z\"\/​>\n<\/​svg>                        <\/​a>\n                    <\/​div>\n\n                    <!-- Navigation Links -->\n                    <div class=\"hidden space-x-8 sm:​-my-px sm:​ml-10 sm:​flex\">\n                        <Link class=\"inline-flex items-center px-1 pt-1 border-b-2 border-primary-400 text-sm font-medium leading-5 text-gray-900 focus:​outline-none focus:​border-primary-700 transition\" href=\"http:​\/​\/​localhost\">\n    Home\n<\/​Link>\n                        <Link class=\"inline-flex items-center px-1 pt-1 border-b…        <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Pricing <\/​a>\n              <\/​li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Documentation <\/​a>\n              <\/​li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Guides <\/​a>\n              <\/​li>\n\n              <Link modal  href=\"http:​\/​\/​localhost\/​contact\" class=\"flex items-center lg:​order-2\">\n                <li>\n                  <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\">\n                      Nous contacter\n                  <\/​a>\n                <\/​li>\n              <\/​Link>\n\n            <\/​ul>\n          <\/​div>\n          <div class=\"mt-12 md:​mt-0\">\n            <h3 class=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Compagnie<\/​h3>\n            <ul role=\"list\" class=\"mt-4 space-y-4\">\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> \u00c0 propos <\/​a>\n              <\/​li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Partenaires <\/​a>\n              <\/​li>\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Claim <\/​a>\n              <\/​li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Privacy <\/​a>\n              <\/​li>\n\n              <li>\n                <a href=\"#\" class=\"text-base text-gray-300 hover:​text-white\"> Terms <\/​a>\n              <\/​li>\n            <\/​ul>\n          <\/​div>\n\n\n        <\/​div>\n      <\/​div>\n      <div class=\"mt-8 xl:​mt-0\">\n        <h3 class=\"text-sm font-semibold text-gray-400 tracking-wider uppercase\">Abonnez-vous \u00e0 notre newsletter<\/​h3>\n        <p class=\"mt-4 text-base text-gray-300\">Abonnez-vous \u00e0 notre newsletter pour \u00eatre inform\u00e9 de nos produits.<\/​p>\n        <form class=\"mt-4 sm:​flex sm:​max-w-md\">\n          <label for=\"email-address\" class=\"sr-only\">Email address<\/​label>\n          <input type=\"email\" name=\"email-address\" id=\"email-address\" autocomplete=\"email\" required class=\"appearance-none min-w-0 w-full bg-white border border-transparent rounded-md py-2 px-4 text-base text-gray-900 placeholder-gray-500 focus:​outline-none focus:​ring-2 focus:​ring-offset-2 focus:​ring-offset-gray-800 focus:​ring-white focus:​border-white focus:​placeholder-gray-400\" placeholder=\"Enter your email\">\n          <div class=\"mt-3 rounded-md sm:​mt-0 sm:​ml-3 sm:​flex-shrink-0\">\n            <button type=\"submit\" class=\"w-full bg-primary-500 border border-transparent rounded-md py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:​bg-primary-600 focus:​outline-none focus:​ring-2 focus:​ring-offset-2 focus:​ring-offset-gray-800 focus:​ring-primary-500\">Subscribe<\/​button>\n          <\/​div>\n        <\/​form>\n      <\/​div>\n    <\/​div>\n    <div class=\"mt-8 border-t border-gray-700 pt-8 md:​flex md:​items-center md:​justify-between\">\n      <div class=\"flex space-x-6 md:​order-2\">\n        <a href=\"https:​\/​\/​www.facebook.com\/​ClebInfosys\" target=\"_blank\" class=\"text-gray-400 hover:​text-gray-300\">\n          <span class=\"sr-only\">Facebook<\/​span>\n          <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path fill-rule=\"evenodd\" d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z\" clip-rule=\"evenodd\" \/​>\n          <\/​svg>\n        <\/​a>\n\n        <a href=\"https:​\/​\/​twitter.com\/​cleb_infosys?s=21&t=tEsWWweDcHypVRrxNNbiAA\" target=\"_blank\" class=\"text-gray-400 hover:​text-gray-300\">\n          <span class=\"sr-only\">Twitter<\/​span>\n          <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\" \/​>\n          <\/​svg>\n        <\/​a>\n      <\/​div>\n      <p class=\"mt-8 text-base text-gray-400 md:​mt-0 md:​order-1\">&copy;​ 2022 Clebinfosys, Inc. Tous les droits sont r\u00e9serv\u00e9s.<\/​p>\n    <\/​div>\n  <\/​div>\n<\/​footer>\n    <\/​main>\n<\/​div>\n"" data-splade=​"{"modal":​null,"refresh":​false,"flash":​{}​,"errors":​{}​,"shared":​{}​,"toasts":​[]​}​" data-v-app>​…​</div>​ > 
  at <App>

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'pageVisitId')
    at ReactiveEffect.fn (protone-media-laravel-splade.js:332:36)
    at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)
    at get value [as value] (reactivity.esm-bundler.js:1144:39)
    at unref (reactivity.esm-bundler.js:1052:29)
    at Object.get (reactivity.esm-bundler.js:1055:37)
    at Object.get (runtime-core.esm-bundler.js:7370:32)
    at Proxy.<anonymous> (protone-media-laravel-splade.js:432:29)
    at renderComponentRoot (runtime-core.esm-bundler.js:896:44)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5651:34)
    at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)

@pascalbaljet pascalbaljet added the bug Something isn't working label Sep 2, 2022
@pascalbaljet
Copy link
Contributor

Thanks for reporting! Fixed in v0.4.12.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@pascalbaljet @donmbelembe