尝试将 Vue 组件集成到我的 React 应用程序中

Question

Attempting to call a Vue component into my React application, and have run into many errors. I've tried to use 'VueWrapper' from 'vuera , and I've tried to point the imported .vue app right into the filepath, but nothing is making sense.

I eventually tried placing the .Vue file into the src files of my React app (I know it must be dumb, but I'm new to both React and Vue, and have no idea what I'm doing.)

The Error : Module not found: Can't resolve 'vue' in 'C:\\Users\\me\\WebstormProjects\\navtaskv2\\node_modules\\vuera\\dist'

Here is the plugin js file I'm trying to pull the Vue app into:

import navtaskv from "./VueApp.vue";
import { VueWrapper } from 'vuera'
import React from "react";


export default () => (
    <div>
        <VueWrapper
            component={navtaskv}
            message='Hello from Vue!'
        />
    </div>
)

Not sure if I need to have anything imported on the Vue component's side, but I'm assuming not. Please be easy on me, I'm truly lost! ):

Answer 1

Looks like you haven't installed vue yet.

Try running npm install vue and you should be good to go.