electron-vue项目搭建注意事项

最新推荐文章于 2022-12-06 19:37:24 发布
最新推荐文章于 2022-12-06 19:37:24 发布
阅读量444 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： nodejs vue electron 文章标签： vue.js electron javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/alreadyRAY/article/details/125769768
在使用electron-vue框架时遇到项目启动故障，通过降低node版本至16解决了问题。此外，针对'Extension server error: Object not found: top'错误，需在srcmainindex.dev.js的第11行进行调整。对于'http://localhost:9080/__webpack_hmr' 404错误，解决方案在于.electron-vuedev-runner.js的第67-69行的代码修改。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. 项目无法启动
    如何解决：将node版本降到16
  2. 终端出现这个错误

"Extension server error: Object not found: top ", source: chrome-devtools://devtools/bundled/inspector.js (7574)

如何解决：
path: src\main\index.dev.js
line11
做如下修改

// require('electron-debug')({ showDevTools: true })
require('electron-debug')()
  1. 控制台出现这个错误

http://localhost:9080/__webpack_hmr 404 (Not Found)

如何解决：
path: .electron-vue\dev-runner.js
line67-69
做出如下修改

        // hot: true,
最低0.47元/天 解锁文章

200万优质内容无限畅学
vue2+electron 给大家说个相声
m0_70769052的博客
12-21 1381
这里就体现了background.js文件的作用了那我们浅浅看一下里面都是些啥这两张图都干了些什么呢？？是不是从electron引入了一些模块，来我们挑重点。
vue-electron，初始化及相关BUG处理
aeoliancrazy的博客
05-31 1028
vue-electron，初始化及相关BUG处理 参考贴： https://blog.csdn.net/weixin_39385430/article/details/116858625 https://segmentfault.com/a/1190000019487488 https://www.cnblogs.com/william1994/p/13894822.html https://www.cnblogs.com/wozho/p/10782654.html 先按照，vue-electron的官网的
vue electron安装，启动遇到的坑
jenkinz的博客
04-07 2518
electron运行的时候加载vue-devtools失败 由于网络的问题，electron运行的时候加载vue-devtools失败。Unable to install `vue-devtools` 。从日志里看retry了四次都timeout了。 找了一圈，这个也没有淘宝镜像等国内镜像。不过后来按网上找了个方法，成功加载了最新的版本。 对于开发来讲，好的调试工具太重要了。 先npm install vue-devtools --save-dev 然后 把ready事件里面注释掉5行，...
DevTools 无法加载来源映射：无法加载 chrome-extension: 警告的原因以及如何去除（全网最全 最详细解决方案）
ScottePerk的博客
12-06 1万+
是类似这样的一个警告。每次都有看着还是挺难受的。 这个警告的原因是你的浏览器插件造成的。例如警告已经很明确的告诉你是chrome-extension，也就是谷歌插件的问题。后面的字符串其实就是这个插件的id。 可以看到对应的id就是下面这个插件。 知道是哪个插件就好办了。解决方案一：（不太推荐） 禁用或者删除插件。虽然可以起到效果，但是有可能这个插件我平时是要用的，频繁切换很麻烦。 解决方案二：（推荐） 打开控制台，点击右边的设置按钮，会出现下面的选项。把仅限已选择的上下文这个选项勾上。这个选项只会禁止
Electron：PC 端多端融合方案
杭城小刘
05-04 2171
每天都要写第二天的 todoList。有一天在写的时候突然想到，为了让自己清楚知道自己需要做啥、做了多少、还剩多少没做，想写一个电脑端程序，在技术选型的时候就选了 electron。 一、 方案选型 3天时间写了个 PC 端应用程序。先看看结果吧 为什么要选 electron 作为 pc 端开发方案？ 史前时代，以 MFC 为代表的技术栈，开发效率较低，维护成本高。 后来使用 QT 技术...
electron安装踩坑
zz_LXW的博客
03-02 619
记录一下前段时间使用electron踩的坑 1、一定要使用cnpm安装 cnpm是淘宝搞的npm安装工具，为什么不推荐npm安装，因为安装速度慢而且容易报错!!! 贴一个cnpm安装命令 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 在官网git clone下来的快速开始直接 cnpm i 装环境就行，千万别用np...
Electron-Vue项目自动更新机制的测试与实践
- **开发环境搭建**：在使用Electron与Vue.js结合的项目中，开发者需要构建合适的开发环境，比如使用vue-cli生成Vue项目，再集成Electron。 - **项目结构**：典型的Electron-Vue项目包含主进程代码、渲染进程代码...
使用test-electron-vue获取电脑MAC地址指南
### 注意事项 在开发Electron应用程序时，需要注意以下几个方面： - **安全性**：获取MAC地址的代码需要确保在用户授权的情况下运行，避免潜在的隐私泄露问题。 - **跨平台兼容性**：不同操作系统的网络配置可能...
electron + vue + vite搭建
最新发布
03-11
### 使用 Electron、Vue 和 Vite 搭建项目的指南 #### 项目初始化 为了创建一个新的 Electron 应用程序并集成 Vue 和 Vite，可以利用 `create-electron-app` 或者手动设置。对于更便捷的方式，推荐使用预配置的...
使用electron-vue时遇到的问题及解决
简廉的博客
05-26 3971
目录1. 安装yarn及本地模块依赖推荐使用管理员进行安装（win10右击开始栏windows选择Windows PowerShell(管理员)）2. 创建electron-vue项目3. 运行项目时遇到的问题3.1. process is not defined在.electron-vue/webpack.renderer.config.js和.electron-vue/webpack.web.config.js文件中找到HtmlWebpackPlugin代码段并更改为如下代码：3.2. vue-devt
【已解决】electron运行npm run dev时报错：Extension server error: Operation failed: : has no execution context
黑夜的风的博客
02-28 4864
运行网络代理。程序成功打开。 原因不明，有机会会继续研究。
Chrome DevTools
M小卢
09-17 945
Field Description Name and Path The name and URL path of the resource, respectively. Method The HTTP method used for the request (GET or POST, for example). Status an
vue调试工具Devtools不出现的解决方式
热门推荐
przlovecsdn的博客
08-31 7万+
在使用vuex时，想直观的查看数据state的变动，用Devtools可实现，但是在Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools） vue图标： 开发者工具： 扩展程序： 没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选：允许访问文件网址 https:...
DevTools 无法加载 SourceMap: 无法加载 file:///xxxxxxx.map: 的内容系统错误: net::ERR_FIL
寂寥人生
04-25 2万+
这是谷歌浏览器下的错误 解决方法：找到报错文件拖到最后删除下面的内容 css删除 /*# sourceMappingURL=bootstrap.min.css.map */ js删除 //# sourceMappingURL=bootstrap.min.js.map ...
SpringBoot使用devtools导致的类型转换异常
流连是谁的博客
09-22 3万+
问题：最近在使用新框架SpringBoot + shiro + spring-data-jpa时，为了体验下spring自带的热部署工具的便捷，于是引入了<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <!-
为Electron 安装 vue-devtool等扩展
weixin_30586085的博客
04-28 902
相关代码: https://github.com/WozHuang/Barrage-helper/blob/master/src/main/index.dev.js 在SPA逐渐成为构建优秀交互体验应用的主流方式后，使用Electron开发跨平台的软件是一个优秀的解决方案。下面简单介绍一下 Electron-vue 安装 vue-devtool的方式。 安装步骤 下载 vue-devtool...
WordPress固定链接修改报错：Object not found的解决方法
FrozenSky's Studio
08-15 4518
WordPress默认使用带有问号和很多数字的URL作为固定链接，就像这个样纸： http://frozensky.sinaapp.com/?p=123 这种毫无意义的URL对于SEO来说很不友好呀。 所以某雪要把它设置为文章名的形式： http://frozensky.sinaapp.com/sample-post/ 但设置完成后，WordPress的所有文章都无法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值