编程 使用page-skeleton-webpack-plugin生成骨架屏提示Cannot read property 'newPage' of null"解决办法

2024-11-17 05:02:46 +0800 CST views 3823

  App running at:
  - Local:   http://localhost:8080
  - Network: http://192.168.1.9:8080

[19:58:50] ‼ ｢pswp｣: Error: ENOENT: no such file or directory, open 'H:\php_web\phpStudy\WWW\1\qnvue\pay\shell\index.html'
[19:59:55] i ｢pswp｣: begin to generator skeleton screen
[19:59:55] ‼ ｢pswp｣:  TypeError: Cannot read property 'newPage' of null
    at Skeleton.newPage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:34:37)
    at Skeleton.genHtml (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:64:29)
    at H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:244:19
    at Array.map (<anonymous>)
    at Skeleton.renderRoutes (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:242:31)
    at SockJSConnection.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\server.js:144:57)
    at SockJSConnection.emit (events.js:210:5)
    at Session.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\transport.js:246:25)
    at WebSocketReceiver.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:104:39)
    at WebSocket.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:70:24)
    at WebSocket.emit (events.js:210:5)
    at WebSocket.dispatchEvent (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api\event_target.js:24:10)
    at WebSocket._receiveMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:142:10)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:34:49)
    at Hybi.emit (events.js:215:7)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\websocket-driver\lib\websocket\driver\hybi.js:460:14)
[19:59:56] i ｢pswp｣: begin to generator skeleton screen
[19:59:56] ‼ ｢pswp｣:  TypeError: Cannot read property 'newPage' of null
    at Skeleton.newPage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:34:37)
    at Skeleton.genHtml (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:64:29)
    at H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:244:19
    at Array.map (<anonymous>)
    at Skeleton.renderRoutes (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:242:31)
    at SockJSConnection.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\server.js:144:57)
    at SockJSConnection.emit (events.js:210:5)
    at Session.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\transport.js:246:25)
    at WebSocketReceiver.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:104:39)
    at WebSocket.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:70:24)
    at WebSocket.emit (events.js:210:5)
    at WebSocket.dispatchEvent (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api\event_target.js:24:10)
    at WebSocket._receiveMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:142:10)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:34:49)
    at Hybi.emit (events.js:215:7)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\websocket-driver\lib\websocket\driver\hybi.js:460:14)
[20:00:01] i ｢pswp｣: begin to generator skeleton screen
[20:00:01] ‼ ｢pswp｣:  TypeError: Cannot read property 'newPage' of null
    at Skeleton.newPage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:34:37)
    at Skeleton.genHtml (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:64:29)
    at H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:244:19
    at Array.map (<anonymous>)
    at Skeleton.renderRoutes (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:242:31)
    at SockJSConnection.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\server.js:144:57)
    at SockJSConnection.emit (events.js:210:5)
    at Session.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\transport.js:246:25)
    at WebSocketReceiver.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:104:39)
    at WebSocket.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:70:24)
    at WebSocket.emit (events.js:210:5)
    at WebSocket.dispatchEvent (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api\event_target.js:24:10)
    at WebSocket._receiveMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:142:10)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:34:49)
    at Hybi.emit (events.js:215:7)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\websocket-driver\lib\websocket\driver\hybi.js:460:14)
[20:04:46] i ｢pswp｣: begin to generator skeleton screen
[20:04:46] ‼ ｢pswp｣:  TypeError: Cannot read property 'newPage' of null
    at Skeleton.newPage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:34:37)
    at Skeleton.genHtml (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:64:29)
    at H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:244:19
    at Array.map (<anonymous>)
    at Skeleton.renderRoutes (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:242:31)
    at SockJSConnection.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\server.js:144:57)
    at SockJSConnection.emit (events.js:210:5)
    at Session.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\transport.js:246:25)
    at WebSocketReceiver.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:104:39)
    at WebSocket.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:70:24)
    at WebSocket.emit (events.js:210:5)
    at WebSocket.dispatchEvent (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api\event_target.js:24:10)
    at WebSocket._receiveMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:142:10)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:34:49)
    at Hybi.emit (events.js:215:7)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\websocket-driver\lib\websocket\driver\hybi.js:460:14)
[20:04:47] i ｢pswp｣: begin to generator skeleton screen
[20:04:47] ‼ ｢pswp｣:  TypeError: Cannot read property 'newPage' of null
    at Skeleton.newPage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:34:37)
    at Skeleton.genHtml (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:64:29)
    at H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:244:19
    at Array.map (<anonymous>)
    at Skeleton.renderRoutes (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:242:31)
    at SockJSConnection.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\server.js:144:57)
    at SockJSConnection.emit (events.js:210:5)
    at Session.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\transport.js:246:25)
    at WebSocketReceiver.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:104:39)
    at WebSocket.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:70:24)
    at WebSocket.emit (events.js:210:5)
    at WebSocket.dispatchEvent (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api\event_target.js:24:10)
    at WebSocket._receiveMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:142:10)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:34:49)
    at Hybi.emit (events.js:215:7)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\websocket-driver\lib\websocket\driver\hybi.js:460:14)
[20:05:45] i ｢pswp｣: begin to generator skeleton screen
[20:05:45] ‼ ｢pswp｣:  TypeError: Cannot read property 'newPage' of null
    at Skeleton.newPage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:34:37)
    at Skeleton.genHtml (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:64:29)
    at H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:244:19
    at Array.map (<anonymous>)
    at Skeleton.renderRoutes (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:242:31)
    at SockJSConnection.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\server.js:144:57)
    at SockJSConnection.emit (events.js:210:5)
    at Session.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\transport.js:246:25)
    at WebSocketReceiver.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:104:39)
    at WebSocket.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:70:24)
    at WebSocket.emit (events.js:210:5)
    at WebSocket.dispatchEvent (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api\event_target.js:24:10)
    at WebSocket._receiveMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:142:10)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:34:49)
    at Hybi.emit (events.js:215:7)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\websocket-driver\lib\websocket\driver\hybi.js:460:14)
[20:07:51] i ｢pswp｣: begin to generator skeleton screen
[20:07:51] ‼ ｢pswp｣:  TypeError: Cannot read property 'newPage' of null
    at Skeleton.newPage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:34:37)
    at Skeleton.genHtml (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:64:29)
    at H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:244:19
    at Array.map (<anonymous>)
    at Skeleton.renderRoutes (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\skeleton.js:242:31)
    at SockJSConnection.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\page-skeleton-webpack-plugin\src\server.js:144:57)
    at SockJSConnection.emit (events.js:210:5)
    at Session.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\transport.js:246:25)
    at WebSocketReceiver.didMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:104:39)
    at WebSocket.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\sockjs\lib\trans-websocket.js:70:24)
    at WebSocket.emit (events.js:210:5)
    at WebSocket.dispatchEvent (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api\event_target.js:24:10)
    at WebSocket._receiveMessage (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:142:10)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\faye-websocket\lib\faye\websocket\api.js:34:49)
    at Hybi.emit (events.js:215:7)
    at Hybi.<anonymous> (H:\php_web\phpStudy\WWW\1\qnvue\pay\node_modules\websocket-driver\lib\websocket\driver\hybi.js:460:14)

#解决办法

npm install puppeteer 的时候会默认下载一个Chromium 没必要下载。直接使用本地就可以

//node_modules\page-skeleton-webpack-plugin\src\skeleton.js
//26行
this.browser = await puppeteer.launch({ headless })
//改成
this.browser = await puppeteer.launch({ headless, executablePath: 'C:/Program Files (x86)/Google/Chrome/Application/chrome.exe' })

#看下日志 问题解决

 -> "[PSG] connected"
index.bundle.js:1 ? -> "[PSG] begin to generator skeleton screen"
index.bundle.js:1 ? -> "[PSG] generator skeleton screen successfully"
index.bundle.js:1 ? -> "[PSG] Browser open another page..."
index.bundle.js:1 ? -> "[PSG] Browser open another page..."
复制全文 生成海报 编程 错误处理 Web开发

推荐文章

Python实现Zip文件的暴力破解
2024-11-19 03:48:35 +0800 CST
Golang 几种使用 Channel 的错误姿势
2024-11-19 01:42:18 +0800 CST
聚合支付管理系统
2025-07-23 13:33:30 +0800 CST
Vue3 中如何处理跨组件共享数据的需求？
2024-11-19 00:30:11 +0800 CST
vue-cli 3.0 axios 跨域请求代理配置及生产环境 baseUrl 配置
2024-11-19 03:04:20 +0800 CST
Flet 构建跨平台应用的 Python 框架
2025-03-21 08:40:53 +0800 CST
`world-rowing`库的安装和使用方法，帮助用户与世界赛艇数据交互
2024-11-18 17:40:50 +0800 CST
Go语言黑科技，空结构体的神奇应用大揭秘！
2024-11-19 05:59:31 +0800 CST
四舍五入五成双
2024-11-17 05:01:29 +0800 CST
Vue3中如何扩展VNode？
2024-11-17 19:33:18 +0800 CST
Vue3中如何处理组件间的动画？
2024-11-17 04:54:49 +0800 CST
Vue3中的Store模式有哪些改进？
2024-11-18 11:47:53 +0800 CST
底部导航栏
2024-11-19 01:12:32 +0800 CST
Vue中如何处理异步更新DOM？
2024-11-18 22:38:53 +0800 CST
在Vue3中捕获和处理错误的方法，包括组件级的错误处理、全局错误处理和与异常日志系统的集成。
2024-11-19 03:36:24 +0800 CST
简易运维脚本，方便非专业运维人员批量操作多台Linux设备
2024-11-17 19:33:52 +0800 CST
使用 Go 语言操作 SQLite 数据库的详细指南
2024-11-18 08:11:37 +0800 CST
Shell脚本监控和管理Linux系统中的高CPU使用率进程
2024-11-19 06:13:28 +0800 CST
一文搞懂 HTTP 请求：GET、POST、PUT、DELETE 全解析
2024-11-18 09:46:13 +0800 CST
SmartAdmin一个基于SpringBoot和Vue3的中后台快速开发平台
2024-11-19 02:08:49 +0800 CST
基于Bootstrap构建高效、美观的后台管理系统UI框架模板的技术探索
2024-11-18 20:29:14 +0800 CST
解决python “No module named pip”
2024-11-18 11:49:18 +0800 CST
Vue3中的响应式数据如何跟踪变化？
2024-11-18 01:45:02 +0800 CST
Docker搭建一款功能强大、安全可控、易于部署和使用的企业级私有云存储解决方案
2024-11-18 20:33:38 +0800 CST
Go应用中使用MongoDB客户端库mongo-driver
2024-11-18 21:53:37 +0800 CST
Vue.js中的自定义过滤器是什么？如何创建一个自定义过滤器？
2024-11-17 14:04:17 +0800 CST
clia是一个用于处理命令行参数的Python库
2024-11-18 10:59:24 +0800 CST
最全面的 `history` 命令指南
2024-11-18 21:32:45 +0800 CST
如何在短时间内向250万个主机发送5亿个不符合RFC的HTTP/1.1请求
2024-11-18 13:38:35 +0800 CST
Vue3中怎样处理组件引用？
2024-11-18 23:17:15 +0800 CST
使用Vue3实现动画效果，包括简单的渐变动画和淡入淡出效果。通过示例代码，读者可以了解如何利用Vue3的组合式API和CSS动画提升用户体验
2024-11-18 22:44:37 +0800 CST
为什么要放弃UUID作为MySQL主键?
2024-11-18 23:33:07 +0800 CST
Astro是一款现代的JavaScriptWeb框架，特别适合构建内容驱动型网站，如博客和企业官网
2024-11-18 16:13:37 +0800 CST
用 Go 语言的 Fyne 库打造跨平台桌面应用程序
2024-11-17 18:55:51 +0800 CST
如何检查前端项目和 Node 项目中未被使用的依赖包
2024-11-19 09:45:10 +0800 CST
Codon是一款高性能的Python编译器，利用LLVM技术将Python代码编译成原生机器码，显著提升运行速度，达到C/C++的性能水平
2024-11-19 09:21:02 +0800 CST
prosafe-exporter是一个Python库，专用于将数据导出为CSV、Excel、JSON等格式
2024-11-19 03:12:50 +0800 CST
AJ-Captcha —— 一款跨平台、高效、安全的验证码功能
2024-11-19 08:19:51 +0800 CST
FcDesigner：低代码表单设计平台
2024-11-19 03:50:18 +0800 CST
MemoRAG是一种新一代RAG技术，通过引入记忆模块，提升AI在处理长文档时的能力
2024-11-19 08:35:47 +0800 CST
Nginx 实操指南：从入门到精通
2024-11-19 04:16:19 +0800 CST
WebSocket在消息推送中的应用代码
2024-11-18 21:46:05 +0800 CST
吃透 JavaScript 中 `var`、`this` 和严格模式的 7 个隐藏陷阱
2025-06-28 16:34:57 +0800 CST
宝塔面板 PHP 启动/停止/重启/重载命令及安装目录配置文件说明
2024-11-19 06:11:54 +0800 CST
Vue 中的 v-for 指令可以使用在哪些类型的数据结构上？
2024-11-18 19:15:09 +0800 CST
最强的Python继承：让代码复用无缝无痕
2024-11-18 04:41:32 +0800 CST
Python 微软邮箱 OAuth2 认证 Demo
2024-11-20 15:42:09 +0800 CST
一个简单的html卡片元素代码
2024-11-18 18:14:27 +0800 CST
基于Flask实现后台权限管理系统
2024-11-19 09:53:09 +0800 CST
python 数据持久化最强方式：用 Shelve 储存你的数据
2024-11-19 03:48:50 +0800 CST
程序员茄子在线接单