Thank you for the above two netizens' answers. Thank you. The
problem has been solved. Although you didn't help me solve it directly, you also gave me some ideas. Thank you again.

answer the first question:

I referenced page.goto directly to the directory, and that would be fine. Maybe this module needs a carrier to read the file.

try {

    var pp = await page.goto(`file:${path.join(__dirname)}`);
} catch (error) {
    console.log(""+ error)
}

question 2:
so far I've tested it, and only date works, but I've already implemented it in other ways, so I won't think about it.

is your application a web application or a local application, that is, where is your node.js deployed? Server side? Client?
if it is on the server side, then it is not allowed for the client to access local resources (security is required)
if it is a separate client (all are on the client side, html is just a GUI design), it should be OK. It is recommended that you learn more about application development such as electron.

I also played puppeteer a few days ago

1. try to concatenate the image address with path.resolve, src=$ {path.resolve ('/ image/test.jpg')} , of course, you have to quote the path module first.
2. google headerTemplate is used in this way. PageNumber is the name of class.

{
  displayHeaderFooter: true,
  footerTemplate: `
      <span class="pageNumber"></span>/<span class="totalPages"></span>
  `,
  format: 'A4'
}