'"puppeteer"' has no exported member 'puppeteer' using Typescript

Steps to reproduce

Tell us about your environment:

• Puppeteer version: 8.0.0 / 7.1.0
• Platform / OS version: Windows 10
• URLs (if applicable):
• Node.js version: 14.16.0

What steps will reproduce the problem?

Please include code that reproduces the issue.

1. Install puppeteer and @types/puppeteer 5.4.3
2. Create a .ts file with the following code

import { puppeteer } from "puppeteer";

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://news.ycombinator.com', {
    waitUntil: 'networkidle2',
  });
  // page.pdf() is currently supported only in headless mode.
  // @see https://bugs.chromium.org/p/chromium/issues/detail?id=753118
  await page.pdf({
    path: 'hn.pdf',
    format: 'letter',
  });

  await browser.close();
})();

1. Get the error Module '"puppeteer"' has no exported member 'puppeteer'.ts(2305) at the first line

What is the expected result?

What happens instead?

[nik-k999]

Try to add following in your tsconfig.json:

"compilerOptions": {
  "allowSyntheticDefaultImports": true,
},

[nik-k999]

If you open the following file “node_modules/@types/puppeteer/index.d.ts”, you will notice there is no default export. Instead each class, interface, etc. are exported just with the “export” statement. So if you want to import something from puppeteer and you are using ES6 Modules, you have to use curly braces. e.g.:

import { launch } from "puppeteer"

More Infos

However, Typescript offers the feature “allowSyntheticDefaultImports”. Basically it allows to import everything as default if there is no default export in the file.