V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
CurChen
V2EX  ›  Node.js

electron 项目,想要用 vue 组件,应该需要怎么配置呢

  •  1
     
  •   CurChen · 2020-06-09 15:18:36 +08:00 · 3477 次点击
    这是一个创建于 1389 天前的主题,其中的信息可能已经有所发展或是发生改变。
    项目前端是基于 electron 开发的,页面渲染一直用的都是 html,现在想用 vue 里面一些组件,让前端看起来更舒服点。

    需求:现在我有一个 electron 项目,一个.vue 文件,我应该怎么配置,才能把 vue 文件集成到项目中去呢

    尝试了 electron 与 vue 的 script 进行通信,但是会报错:The server responded with a non-JavaScript MIME type of “text/plain”,是不是项目的一些配置需要做调整?
    14 条回复    2020-06-10 09:08:13 +08:00
    Licsber
        1
    Licsber  
       2020-06-09 15:31:04 +08:00
    道理我都懂 可是为啥发在 Node.js 节点(才发现好像没有专门的 electron 节点

    Vue 本身可以只引入一个 js 直接新建个页面放进去不就好了
    CurChen
        2
    CurChen  
    OP
       2020-06-09 15:56:07 +08:00
    @Licsber 尝试过新建 html,但是 vue 里面的标签 el-table html 好像无法解析 pass
    尝试过新建 vue 文件,然后在 html 里的 js 里 new Vue 加载,会报错 The server responded with a non-JavaScript MIME type of “text/plain”,
    想问下 你所说的新建个页面是新建什么页面呢,刚接触前端新手小白,见谅
    cheeto
        3
    cheeto  
       2020-06-09 16:25:26 +08:00
    electron 的配置文件入口写 vue 打包编译后的输出文件就可以了
    karnaugh
        4
    karnaugh  
       2020-06-09 16:26:53 +08:00
    @CurChen 就像使用 jquery 一样,用 script 标签引入 vue.js 文件,然后按照官网文档用就行了,
    https://cn.vuejs.org/v2/guide/#%E8%B5%B7%E6%AD%A5

    如果想用 .vue 文件,根据你目前表现出来的水平。。。还是直接找个 electron-vue 项目把你们代码移过去可能要稳妥点吧 https://simulatedgreg.gitbooks.io/electron-vue/content/cn/
    Hanggi
        5
    Hanggi  
       2020-06-09 16:33:48 +08:00
    我有个 angular + electron 的脚手架,支持热更新,要吗?
    Licsber
        7
    Licsber  
       2020-06-09 19:44:34 +08:00
    @CurChen #2 我说的就是 4 楼的第一种做法 新建一个 html 然后把.vue 文件里的内容分三部分( template -> html.body ) (script -> script) (css -> css) 放进去 在 script 里新建一个 Vue 的实例 就可以直接用了

    进阶就可以直接拿现成的脚手架直接放 那样更方便
    CurChen
        8
    CurChen  
    OP
       2020-06-09 19:49:53 +08:00
    @karnaugh 我用了你所说的 1 方法,建了一个 html 文件,单独运行 html 得到了我想要的效果,但是集成到 electron 后依然会报错:

    [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

    所以说应该还是需要改配置文件,但是我这个项目是纯 electron 项目,上面报错我所搜索到的解决方案在我这里并不适用,所以说,纯 electron 项目想要用 vue 难道必须要配置环境吗
    karnaugh
        9
    karnaugh  
       2020-06-09 21:39:00 +08:00
    @CurChen 这是个别的问题,百度一下就有咯
    https://blog.csdn.net/wxl1555/article/details/83187647
    karnaugh
        10
    karnaugh  
       2020-06-09 21:40:11 +08:00
    @karnaugh 这是个,别的问题😂刚发现这句话断句好像有点蠢
    axihe
        11
    axihe  
       2020-06-09 21:44:55 +08:00
    我以前是用 electron-vue 写项目的,还不错,不清楚你说的是不是这种解决方案;
    开始我也是自己配的 Electron+vue 的渲染进程,然后自己搞主进程;然后搜着搜着发现有一个 electron-vue,就直接用了。
    ETiV
        12
    ETiV  
       2020-06-09 22:11:59 +08:00
    我也是整个页面都是 Vue App

    你要不要试试 HTML + iframe(vue)

    -------

    但是「让前端看起来更舒服一点」,你是不是只要 css 就可以了?根本不需要用 Vue 的组件
    12tall
        13
    12tall  
       2020-06-10 08:44:42 +08:00
    我猜楼主可能是需要怎么在不用脚手架的情况下实现 Electron+vue,希望后面这个链接对楼主有点帮助: https://www.jianshu.com/p/42e11515c10f
    Chenamy2017
        14
    Chenamy2017  
       2020-06-10 09:08:13 +08:00
    我入坑 Electron 时直接用的 electron-vue 脚手架。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2907 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 14:16 · PVG 22:16 · LAX 07:16 · JFK 10:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.