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

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

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


  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开发

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

推荐文章

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