Vue3 Template - Failed to mount component: template or render function not defined.

[SebbeJohansson]

Describe the bug When trying to run a vue3 plugin, it results in an error.

To Reproduce Steps to reproduce the behavior:

1. Run npx @storyblok/field-plugin-cli@alpha
2. Go into the new field plugin project with cd {what-ever-you-named-it}
3. Run yarn build
4. CHeck the errors

Expected behavior I expect no errors.

Screenshots

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Chrome
• Version: 111.0.5563.111

Additional context I have no idea if this actually causes it to not work properly, or if its just an error with no affect.

[johannes-lindgren]

Hi @SebbeJohansson, thanks for reporting this issue. This is actually the expected behavior. This error occurs because the legacy fieldtype-wrapper.js script is still present in the field plugin's document. This script fails because it expects a Vue 2 component in a certain global variable. We plan to remove this script from the document, which will make the error vanish. Nevertheless, I will keep this issue open until we have addressed that issue.

[SebbeJohansson]

@johannes-lindgren Aaaah okay interesting! Might be worth it to add that to the documentation so that its more clear. Not sure if this issue is clear enough. 🤔

[johannes-lindgren]

@SebbeJohansson I have merged pull request #140 that replaces the error you've spotted with a different error that should be more clear. There will still be an error in the console, but it should be clear that the app is fully functional:

That is the best we can do at the moment. I will still keep this ticket open until we have a permanent solution.

[SebbeJohansson]

Looks good! Thanks!

[eunjae-lee]

fixed by #140