[Vue warn]: Invalid vnode type when creating vnode: undefined.

[zhaozhongyu]

helloworld.vue内容

<script setup>
  import { onMounted } from 'vue';
    onMounted(() => {
        console.log('mounted');
    })

</script>

<template>
  <div>hello world</div>
</template>

react中引用:

import { applyVueInReact, applyPureVueInReact } from 'veaury';
import helloworld from './helloworld.vue';

const HelloWorld = applyVueInReact(helloworld);

// <HelloWorld></HelloWorld>

此时控制台提示

界面的元素:

[devilwjp]

@zhaozhongyu 提供一个范例项目给我

[Parag2385]

@zhaozhongyu Were you able to solve this issue?

[glepka]

I have the same issue

@devilwjp how I can solve it?

@Parag2385 were you able to solve this problem?

[Parag2385]

@glepka , nope, I couldn't figure out. I ended up not using veaury. Instead, I'm developing the vue app screen by screen and using routing to run it by the side of our react app.

[devilwjp]

@Parag2385 @glepka Can anyone provide an example project?

[glepka]

@Parag2385 @glepka Can anyone provide an example project?

what exactly needs to be sent?

[devilwjp]

@Parag2385 @glepka Can anyone provide an example project?

what exactly needs to be sent?

Provide the github URL of a test project. @glepka

[glepka]

@Parag2385 @glepka Can anyone provide an example project?

what exactly needs to be sent?

Provide the github URL of a test project. @glepka

I created a private repository and added you as a collaborator https://github.com/glepka/vueinreact

There is a simple structure The Vue component should appear on the "/test" route, but this does not happen

The vue component itself is located in the dist folder

[devilwjp]

@Parag2385 @glepka Can anyone provide an example project?

what exactly needs to be sent?

Provide the github URL of a test project. @glepka

I created a private repository and added you as a collaborator https://github.com/glepka/vueinreact

There is a simple structure The Vue component should appear on the "/test" route, but this does not happen

The vue component itself is located in the dist folder

@glepka So is this project built using create reat app? It looks like you don't have webpack.config.js configured, I think you may need to run npm run eject first. For details on how to configure webpack, please refer to https://github.com/gloriasoft/veaury/tree/master/dev-project-react/README.md

I think the problem you're having is that your project doesn't recognize the .vue file because you didn't add veaury/webpack/VeauryVuePlugin in webpack.config.js

[devilwjp]

@glepka Is the problem solved?