无法让 .vue 单文件组件与 NWjs 一起工作

Question

下午好，我正在使用 NWjs 的 0.26.1 版本制作桌面应用程序我正在使用 Ubuntu 服务器 16.04 和 XfCE4 来开发应用程序我想使用 Vue.JS 来获取数据part 和 buefy 为其 UI 组件。但是由于这个 UI Vue Framework 使用单个文件 .vue 文件组件我面临这个错误

Uncaught SyntaxError: Unexpected token <
at createScript (vm.js:80:10)
at Object.runInThisContext (vm.js:139:10)
at Module._compile (module.js:600:28)
at Object.Module._extensions..js (module.js:653:10)
at Module.load (module.js:555:32)
at tryModuleLoad (module.js:518:12)
at Function.Module._load (module.js:510:3)
at Module.require (module.js:580:17)
at require (internal/module.js:11:18)
at self.require (<anonymous>:11:26)

我已经能够使用webpack生成一个bundle js文件没有问题，但是NWjs坚持解析单个文件组件中的HTML标签。

模型组件如下

 <template>
    <section>
    <span>
    <b-field>
        <b-switch v-model="bars">Bars</b-switch>
    </b-field>
    <b-datepicker inline v-model="date" :events="events" indicators="indicators">
    </b-datepicker>
    </span>
  </section>
</template>

<script>
export default {

}
</script>
<style lang="sass" scoped>
</style>

对此的任何了解都将提供无价的帮助，在此先感谢。

Answer 1

已使用 Vue-cli 和 vue init 解决。

无法让 .vue 单文件组件与 NWjs 一起工作

Can not get .vue single file components to work with NWjs

vuejs2

vue-component

buefy