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
相关推荐
剑亦未配妥43 分钟前
移动端触摸事件与鼠标事件的触发机制详解
前端·javascript
人工智能训练师7 小时前
Ubuntu22.04如何安装新版本的Node.js和npm
linux·运维·前端·人工智能·ubuntu·npm·node.js
Seveny077 小时前
pnpm相对于npm,yarn的优势
前端·npm·node.js
yddddddy8 小时前
css的基本知识
前端·css
昔人'8 小时前
css `lh`单位
前端·css
前端君8 小时前
实现最大异步并发执行队列
javascript
Nan_Shu_6149 小时前
Web前端面试题(2)
前端
知识分享小能手10 小时前
React学习教程,从入门到精通,React 组件核心语法知识点详解(类组件体系)(19)
前端·javascript·vue.js·学习·react.js·react·anti-design-vue
蚂蚁RichLab前端团队10 小时前
🚀🚀🚀 RichLab - 花呗前端团队招贤纳士 - 【转岗/内推/社招】
前端·javascript·人工智能
孩子 你要相信光11 小时前
css之一个元素可以同时应用多个动画效果
前端·css