记一次前端electron悬浮窗问题

背景采用的是electron-vue,在主进程中进行创建悬浮窗

let ssWindow = null
const ssURL = process.env.NODE_ENV === 'development'
  ? 'http://localhost:9080/#/suspension'
  : `file://${__dirname}/index.html/#/suspension`
function createssWindow () {
  ssWindow = new BrowserWindow({
    show: true,
    width: 52,
    height: 52,
    frame: false,
    resizable: false,
    type: 'toolbar',
    transparent: true, // 设置透明
    alwaysOnTop: true, // 窗口是否总是显示在其他窗口之前
    webPreferences: {
      devTools: false // 调试工具
    }
  })
  ssWindow.loadURL(ssURL)
  ssWindow.on('closed', () => {
    ssWindow = null
  })
}

然后监听APP事件中ready,同时创建主界面和悬浮窗,在npm run dev调试状态下,悬浮窗正常无误。但打包后运行主程序悬浮窗未出现

评论