Electron 报错:WinState is not a constructor

文章目录

问题

在使用 electron-win-state 库时报错如下

代码如下:

javascript 复制代码
const WinState = require('electron-win-state')
const winState = new WinState({ 
	defaultWidth: 800,
	defaultHeight: 600,
	// other winState options, see below
})

const browserWindow = new BrowserWindow({
	...winState.winOptions,
	// your normal BrowserWindow options...
})

// Attach the required event listeners
winState.manage(this.browserWindow)

分析

  1. 首先打印一下导入的库函数
javascript 复制代码
const WinState = require('electron-win-state')
console.log( WinState )
  1. 打印结果如下
  1. 我们会发现前边多了一个 default,这个时候就需要我们在 reuqire 时加上这个default
javascript 复制代码
const WinState = require('electron-win-state').default
  1. 如果不想使用 require 的方式导入,也可使用官网的 import 进行导入
    官网:https://www.npmjs.com/package/electron-win-state
相关推荐
牛蛙点点申请出战2 分钟前
IconFontViewer -- 一个可以在 Android Studio 中实时预览 IconFont 的插件
android·前端·intellij idea
空中海3 分钟前
03 渲染机制、性能优化与现代 React
javascript·react.js·性能优化
ChalesXavier31 分钟前
Fetch API 的基本用法
javascript
是上好佳佳佳呀40 分钟前
【前端(十三)】JavaScript 数组与字符串笔记
前端·javascript·笔记
巴沟旮旯儿40 分钟前
vite项目配置文件和打包
前端·设计模式
彩票管理中心秘书长1 小时前
Pinia 插件架构与组合式函数:如何让你的 Store 长出“超能力”
前端
彩票管理中心秘书长1 小时前
Pinia 比 Vuex 强在哪?我用同一个模块写了两种实现,你自己看
前端
yingyima1 小时前
用 Cron 加 Webhook 打通自动化工作的任督二脉
前端
JackieDYH1 小时前
CSS Flexbox 与 Grid 的默认行为-布局的底层机制
前端·css·html
彩票管理中心秘书长1 小时前
E2E测试入门:别让用户帮你点鼠标了,找个机器人替你打工吧
前端