electron 项目,想要用 vue 组件,应该需要怎么配置呢 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
chenexe
V2EX    Node.js

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

  •  1
     
  •   chenexe 2020 年 6 月 9 日 4143 次点击
    这是一个创建于 2090 天前的主题,其中的信息可能已经有所发展或是发生改变。
    项目前端是基于 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 年 6 月 9 日
    道理我都懂 可是为啥发在 Node.js 节点(才发现好像没有专门的 electron 节点

    Vue 本身可以只引入一个 js 直接新建个页面放进去不就好了
    chenexe
        2
    chenexe  
    OP
       2020 年 6 月 9 日
    @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 年 6 月 9 日
    electron 的配置文件入口写 vue 打包编译后的输出文件就可以了
    karnaugh
        4
    karnaugh  
       2020 年 6 月 9 日
    @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//a>
    Hanggi
        5
    Hanggi  
       2020 年 6 月 9 日
    我有个 angular + electron 的脚手架,支持热更新,要吗?
    Licsber
        7
    Licsber  
       2020 年 6 月 9 日
    @CurChen #2 我说的就是 4 楼的第一种做法 新建一个 html 然后把.vue 文件里的内容分三部分( template -> html.body ) (script -> script) (css -> css) 放进去 在 script 里新建一个 Vue 的实例 就可以直接用了

    进阶就可以直接拿现成的脚手架直接放 那样更方便
    chenexe
        8
    chenexe  
    OP
       2020 年 6 月 9 日
    @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 年 6 月 9 日
    @CurChen 这是个别的问题,百度一下就有咯
    https://blog.csdn.net/wxl1555/article/details/83187647
    karnaugh
        10
    karnaugh  
       2020 年 6 月 9 日
    @karnaugh 这是个,别的问题刚发现这句话断句好像有点蠢
    axihe
        11
    axihe  
       2020 年 6 月 9 日
    我以前是用 electron-vue 写项目的,还不错,不清楚你说的是不是这种解决方案;
    开始我也是自己配的 Electron+vue 的渲染进程,然后自己搞主进程;然后搜着搜着发现有一个 electron-vue,就直接用了。
    ETiV
        12
    ETiV  
       2020 年 6 月 9 日
    我也是整个页面都是 Vue App

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

    -------

    但是「让前端看起来更舒服一点」,你是不是只要 css 就可以了?根本不需要用 Vue 的组件
    12tall
        13
    12tall  
       2020 年 6 月 10 日
    我猜楼主可能是需要怎么在不用脚手架的情况下实现 Electron+vue,希望后面这个链接对楼主有点帮助: https://www.jianshu.com/p/42e11515c10f
    Chenamy2017
        14
    Chenamy2017  
       2020 年 6 月 10 日
    我入坑 Electron 时直接用的 electron-vue 脚手架。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5368 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 09:04 PVG 17:04 LAX 01:04 JFK 04:04
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86