You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<divhiddenid="snipcart"
data-api-key="my-key-here"
><billingsection="top"><fieldsetclass="snipcart-form__set"><divclass="snipcart-form__field"><snipcart-labelfor="storeToPickUpFrom" class="snipcart__font--tiny">
Store to pick-up from
</snipcart-label><snipcart-selectname="storeToPickUpFrom" class="snipcart-form__select snipcart__font--secondary snipcart__font--bold"><optionvalue="1">One</option><optionvalue="2">Two</option><optionvalue="3"> Three</option><optionvalue="4">Four</option></snipcart-select></div></fieldset></billing></div>
I get errors:
Failed to resolve component: snipcart-label If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
Failed to resolve component: snipcart-select If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
Failed to resolve component: billing If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
This can be solved by adding the tag names to isCustomElement:
Hydration node mismatch:
- Client vnode: billing
- Server rendered DOM: <!---->
at <NuxtPage>
at <VMain>
at <VApp>
at <Default >
at <AsyncComponentWrapper >
at <BaseTransition mode="out-in" appear=false persisted=false ... >
at <Transition name="layout" mode="out-in" >
at <Anonymous name="default" >
at <App key=1 >
at <NuxtRoot>
If I add custom elements to the hidden div like this (example from https://docs.snipcart.com/v3/setup/order-custom-fields):
I get errors:
This can be solved by adding the tag names to
isCustomElement
:But there is still this problem with
billing
:How could this be solved? @ludovic-armand
Here is a tiny reproduction of the problem: https://stackblitz.com/edit/github-rytvwm?file=layouts/default.vue
The text was updated successfully, but these errors were encountered: