使用puppeteer 引入外部js脚本的时候，如何捕获脚本其中的错误

Question

const runScript = async (filePath, url) => {
 const browser = await puppeteer.launch()
 const page = await browser.newPage()
 await page.goto(url || 'http://localhost:9999/index.html', {
   waitUntil: 'networkidle2'
 })
 page.on('console', msg => {
   console.log('PAGE:', msg.text())
 })
 // get script path
 let scriptPath = ''
 if (filePath.indexOf('http://') === 0 || filePath.indexOf('https://') === 0) {
   scriptPath = filePath
 } else {
   scriptPath = path.join(filePath)
 }
 let content = fs.readFileSync(scriptPath, {
   encoding: 'utf-8'
 })
 console.log(`scriptPath: ${scriptPath}`)
 console.log('------------- script content --------------')
 console.log(content)
 console.log('-------------------------------------------')
 let addRes = await page.addScriptTag({
   // url: 'http://localhost:9999/js/hello.js'
  //  path: scriptPath
   content: content
 })
 await addRes.dispose()
 await browser.close()
}

我想测试的脚本内容是，该脚本中存在错误，但是=不知道怎么在puppeteer引入时捕获这个错误。

let arr = [1, 2, 3]
console.log(arr[3])
let fakeJson = "{'a':123, b: 1}"
let json = JSON.parse(fakeJson)
console.log(json)

目前的运行结果

scriptPath: script/error.js
------------- script content --------------
let arr = [1, 2, 3]

console.log(arr[3])

let fakeJson = "{'a':123, b: 1}"

let json = JSON.parse(fakeJson)
console.log(json)
-------------------------------------------
PAGE: 

Answer 1

监听 console 事件，只会记录js 中使用console 打印的情况。
如果想要记录页面内的其他错误，比如脚本执行错误，或者资源加载错误，还需要监听其他事件：
`
// 记录页面错误
page.on('pageerror', msg => {
console.error('PAGEERROR', msg)
})
// 记录请求失败
page.on('requestfailed', req => {
console.log('Request failed', req)
})
`