web components [Vue warn]: Failed to resolve component: xy-button"

[reaink]

Version

3.0.0-beta.14

Reproduction link

https://jsbin.com/zerohi/edit?html,console,output

Steps to reproduce

According to global API #30 add app.config.ignoredElements = [/ ^ xy- /] still print Vue Warn

What is expected?

Optional close warning

What is actually happening?

print Warn

[Justineo]

According to the published RFC, it should be:

app.config.isCustomElement = tag => tag.startsWith('xy-')

[reaink]

@Justineo Thank you for your reply, I test that there is no problem in jsbin.com, but I run vite in add in app.config.isCustomElement = tag => tag.startsWith ('xy-') There will still be warning, this is vite problem ?

[yyx990803]

When pre compiling templates, it needs to be configured at the compiler level.

[beetaa]

When pre compiling templates, it needs to be configured at the compiler level.

@yyx990803 hi, how to achieve this (configured at the compiler level) while using vue3 and vite? Is that mean I should do it in vite.config.js? I encounter the same situation with this, have you solved the issue? @nshusr thank you.

[beetaa]

ok, I got it, #1414 (comment)

[Mount-Isaac]

Hey, I have a js file and within it, I've created a template where I have placed my HTML code contained in component Product. in the HTML file I have imported the js file directory and likewise configured the product component in the App div. when I reload my page, I don't get my page but by logging in to console, the error is" Failed to resolve component: product
at
warn @ vue@next:1254