Javascript Electron应用程序中未使用Vuejs渲染的单文件组件

我一直在使用

electron webpack

模块来尝试让项目运行

vuejs

。我从他们的回购协议开始，看看我是否能让它启动并运行

我可以看到我的组件正在加载。它们似乎正在被巴贝尔加工。Vue甚至可以运行，我可以在Vue开发者工具中看到根组件。但是，当我尝试使用单个文件组件时，从我看到其他人使用它们的方式来看，没有任何效果

index.vue（主文件） App.vue

主视图
从“/Jester.vue”导入Jester
导出默认值{
名称：“应用程序”，
组件：{jester:jester}，
数据（）{
返回{
}
}
}

杰斯特·维

这是Jester组件{{something}}

导出默认值{
名字：“小丑”，
数据（）{
返回{
福：“酒吧”
}
}
}

我很难理解为什么会加载空白页。我正在使用推荐的方法，它应该为webpack加载

vue loader

，并允许将我的组件处理为javascript，我相信这一步是可行的，我检查了一下是否可以在页面源代码中包含的

renderer.js

文件中找到我的模块的翻译

项目的完整代码如下：

---

如果你想尝试运行它，你应该能够克隆它，只需运行

纱线；纱线开发

您忘了在

渲染器/index.js

文件中添加

模板

属性

只需添加：

newvue({
el:“应用程序”，
模板：“”，
组件：{App}
})

---

：）

哇，你很快就把它分类了。我认为这是我的vuejs使用的问题。的确如此。关于这件事，我可以再问一件事吗？我看到其他人做了类似的事情，但对我来说不起作用：

render:h=>h（app）

，他们定义了它而不是模板，我尝试了，但没有成功。一个比另一个好吗？再次感谢！抱歉，但就我个人而言，我以前从未使用过渲染功能。当您想要在不同的项目之间切换时，它看起来像是模板特定情况的替代品，但它也有特定的语法。我看到了官方文档链接：

import Vue from 'vue';
import App from './App.vue';

new Vue({
  el: "#app",
  components: { App }
})

<template>
  <div id="main">
    <h1>Main View</h1>
    <jester />
  </div>
</template>

<script>
  import Jester from './jester.vue'

  export default {
    name: 'app',
    components: { jester: Jester },
    data () {
      return {
      }
    }
}
</script>

<template>
  <p>This is the Jester component {{something}}</p>
</template>

<script>
export default {
  name: 'jester',
  data () {
    return {
      foo: 'bar'
    }
  }
}
</script>