这是一个创建于 1661 天前的主题，其中的信息可能已经有所发展或是发生改变。
项目前端是基于 electron 开发的，页面渲染一直用的都是 html，现在想用 vue 里面一些组件，让前端看起来更舒服点。
需求：现在我有一个 electron 项目，一个.vue 文件，我应该怎么配置，才能把 vue 文件集成到项目中去呢
尝试了 electron 与 vue 的 script 进行通信，但是会报错：The server responded with a non-JavaScript MIME type of “text/plain”，是不是项目的一些配置需要做调整？
需求：现在我有一个 electron 项目，一个.vue 文件，我应该怎么配置，才能把 vue 文件集成到项目中去呢
尝试了 electron 与 vue 的 script 进行通信，但是会报错：The server responded with a non-JavaScript MIME type of “text/plain”，是不是项目的一些配置需要做调整？
 |
1
Licsber 2020-06-09 15:31:04 +08:00
道理我都懂 可是为啥发在 Node.js 节点（才发现好像没有专门的 electron 节点
Vue 本身可以只引入一个 js 直接新建个页面放进去不就好了 |
 |
2
CurChen OP @Licsber 尝试过新建 html，但是 vue 里面的标签 el-table html 好像无法解析 pass
尝试过新建 vue 文件，然后在 html 里的 js 里 new Vue 加载，会报错 The server responded with a non-JavaScript MIME type of “text/plain”， 想问下 你所说的新建个页面是新建什么页面呢，刚接触前端新手小白，见谅 |
 |
3
cheeto 2020-06-09 16:25:26 +08:00
electron 的配置文件入口写 vue 打包编译后的输出文件就可以了
|
 |
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/ |
 |
5
Hanggi 2020-06-09 16:33:48 +08:00
我有个 angular + electron 的脚手架，支持热更新，要吗？
|
 |
6
Marven 2020-06-09 17:34:36 +08:00
|
|
7
Licsber 2020-06-09 19:44:34 +08:00
@CurChen #2 我说的就是 4 楼的第一种做法 新建一个 html 然后把.vue 文件里的内容分三部分（ template -> html.body ） (script -> script) (css -> css) 放进去 在 script 里新建一个 Vue 的实例 就可以直接用了
进阶就可以直接拿现成的脚手架直接放 那样更方便 |
|
8
CurChen OP @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 难道必须要配置环境吗 |
|
9
karnaugh 2020-06-09 21:39:00 +08:00
|
 |
11
axihe 2020-06-09 21:44:55 +08:00
我以前是用 electron-vue 写项目的，还不错，不清楚你说的是不是这种解决方案；
开始我也是自己配的 Electron+vue 的渲染进程，然后自己搞主进程；然后搜着搜着发现有一个 electron-vue，就直接用了。 |
 |
12
ETiV 2020-06-09 22:11:59 +08:00
我也是整个页面都是 Vue App
你要不要试试 HTML + iframe(vue) ------- 但是「让前端看起来更舒服一点」，你是不是只要 css 就可以了？根本不需要用 Vue 的组件 |
 |
13
12tall 2020-06-10 08:44:42 +08:00
我猜楼主可能是需要怎么在不用脚手架的情况下实现 Electron+vue，希望后面这个链接对楼主有点帮助： https://www.jianshu.com/p/42e11515c10f
|
 |
14
Chenamy2017 2020-06-10 09:08:13 +08:00
我入坑 Electron 时直接用的 electron-vue 脚手架。
|
Select Language