开发不做异常捕获,瞎折腾两三宿。
软件版本信息:
"vue": "^2.6.14"
"electron": "^13.0.0",
"electron-edge-js": "^14.16.1"

"electron-devtools-installer": "^3.1.0",
问题描述:
调试开发electron-edge-js的调用是正常的;打包后调用 electron-edge-js的页面白屏!刚开始没做异常的捕获,没找到问题的根源。
异常描述如下:

Error: Cannot find module 'electron-edge-js'
Require stack:
- electron/js2c/renderer_init
    at Module._resolveFilename (internal/modules/cjs/loader.js:887:15)
    at Function.o._resolveFilename (electron/js2c/renderer_init.js:33:1118)
    at Module._load (internal/modules/cjs/loader.js:732:27)
    at Function.f._load (electron/js2c/asar_bundle.js:5:12684)
    at Function.o._load (electron/js2c/renderer_init.js:33:379)
    at Module.require (internal/modules/cjs/loader.js:959:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Module.6422 (app://./js/422.37914361.js:1:16871)
    at Function.n (app://./js/app.def4f4b9.js:1:7443)

解决方法:
参考《VUE+Electron+Edge开发中遇到的坑》文章的结尾部分,顺利解决:
vue.config.js中添加externals: ['electron-edge-js'],如下:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  pluginOptions: {
    electronBuilder: {
      // 与此无关代码省略
      externals: ['electron-edge-js']
    }
  }
})

这是什么原因?什么原理?知道的大佬评论区详解一下

Logo

前往低代码交流专区

更多推荐