Javascript 又一个",；未能装入组件：未定义模板或呈现函数"；来自Vue

尽管有很多类似的问题，我还是找不到适合我的答案。本质上，这里是我非常简化的Vue单文件组件：

Listing.vue：

将此Web组件添加到页面时，我在控制台中获得以下信息：

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <Listing> at src/Listing.vue
       <Root>

[Vue warn]：未能装载组件：未定义模板或呈现函数。
发现于
--->在src/Listing.vue

已尝试将

vue$

别名添加到网页包配置。没有帮助。Babels正在使用

@babel/preset env

运行

---

我在这里遗漏了什么？

您是如何构建的？用你自己的网页配置？你考虑过使用吗？话虽如此，您可以尝试将这一行：

render:h=>h（列表）

更改为：

render（h）{return h（列表）}，

Hey@MattOestreich感谢您的建议。我已经尝试过它和许多其他可能的渲染方法（包括用

模板

替换

渲染

），但都不适合我。说到构建：这是一个React项目，我需要从Vue项目中包含一个Vue组件。一个React项目需要包含一个Vue组件吗？真是一团糟。。。我猜这是代码迁移的一部分还是什么？@splitter-您可以使用Vue cli专门为web组件构建.Vue文件<代码>vue构建--目标wc my componemt.vue-工作起来很有魅力。从那里，您可以将生成的文件包括在项目中。您可以将Vue cli保持独立—它不必是项目依赖项，etc@spliter，你能分享你的网页包/汇总配置吗？你是如何构建的？用你自己的网页配置？你考虑过使用吗？话虽如此，您可以尝试将这一行：

render:h=>h（列表）

更改为：

render（h）{return h（列表）}，

Hey@MattOestreich感谢您的建议。我已经尝试过它和许多其他可能的渲染方法（包括用

模板

替换

渲染

），但都不适合我。说到构建：这是一个React项目，我需要从Vue项目中包含一个Vue组件。一个React项目需要包含一个Vue组件吗？真是一团糟。。。我猜这是代码迁移的一部分还是什么？@splitter-您可以使用Vue cli专门为web组件构建.Vue文件<代码>vue构建--目标wc my componemt.vue-工作起来很有魅力。从那里，您可以将生成的文件包括在项目中。您可以将Vue cli保持独立—它不必是项目依赖项，etc@spliter，您可以共享您的网页包/汇总配置吗？

import Vue from 'vue';
import Listing from './src/Listing.vue';

class Wrapper extends HTMLElement {
  connectedCallback() {
    const appWrapper = document.createElement("div");
    appWrapper.classList.add('todoapp');

    this.attachShadow({ mode: "open" }).appendChild(appWrapper);

    new Vue({
      render: h => h(Listing),
    }).$mount(appWrapper);
  }
}

customElements.define("custom-wrapper", Wrapper);

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <Listing> at src/Listing.vue
       <Root>