Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot find name 'Lowercase'

See original GitHub issue

Steps to reproduce

Tell us about your environment:

Puppeteer version: 8.0.0
Platform / OS version: macOS Big Sur
URLs (if applicable):
Node.js version: v12.14.0

What steps will reproduce the problem?

Install latest puppeteer version to an Angular universal project.
import the puppeteer import * as puppeteer from 'puppeteer'; to the server.ts file
Build the project

What is the expected result?

There should not be any build errors

What happens instead?

getting below error in the console and there is no any type definition for Lowercase in the types.d.ts under the the puppeteer dependency in the node_modules folder.

chunk    {0} main.js (main) 28 bytes [entry] [rendered]

ERROR in node_modules/puppeteer/lib/types.d.ts:24084:36 - error TS2304: Cannot find name 'Lowercase'.

24084 export declare type ResourceType = Lowercase<Protocol.Network.ResourceType>;
                                         ~~~~~~~~~

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! pdf-generator-service-v2@0.0.0 build:ssr: `ng build --prod && ng run pdf-generator-service-v2:server:production`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the pdf-generator-service-v2@0.0.0 build:ssr script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above

**source code**
import 'zone.js/dist/zone-node';

import { ngExpressEngine } from '@nguniversal/express-engine';
import * as express from 'express';
import { join } from 'path';
import * as bodyParser from 'body-parser';

import { AppServerModule } from './src/main.server';
import { APP_BASE_HREF } from '@angular/common';
import { existsSync } from 'fs';

import * as puppeteer from 'puppeteer';

// The Express app is exported so that it can be used by serverless Functions.

export function app() {
  const server = express();
  const distFolder = join(process.cwd(), 'dist/browser');
  const indexHtml = existsSync(join(distFolder, 'index.original.html')) ? 'index.original.html' : 'index';

  // Our Universal express-engine (found @ https://github.com/angular/universal/tree/master/modules/express-engine)
  server.engine('html', ngExpressEngine({
    bootstrap: AppServerModule,
  }));

  server.set('view engine', 'html');
  server.set('views', distFolder);

  server.use(bodyParser.json({ limit: '5mb' }));
  server.use(bodyParser.urlencoded({ extended: true, limit: '5mb' }));

  // const browser = await puppeteer.launch({
  //   executablePath: '/usr/local/bin//chromium',
  //   headless: true,
  //   args: ['--no-sandbox']
  // });

  // Serve static files from /browser
  server.get('*.*', express.static(distFolder, {
    maxAge: '1y'
  }));

  // All regular routes use the Universal engine
  server.get('*', (req, res) => {
    console.log('aaaa', req.baseUrl);
    res.render(indexHtml, { req, providers: [
        { provide: APP_BASE_HREF, useValue: req.baseUrl },
        { provide: 'body', useValue: req.body}]
    });
  });

  return server;
}

function run() {
  const port = process.env.PORT || 4000;

  // Start up the Node server
  const server = app();
  server.listen(port, () => {
    console.log(`Node Express server listening on http://localhost:${port}`);
  });
}

// Webpack will replace 'require' with '__webpack_require__'
// '__non_webpack_require__' is a proxy to Node 'require'
// The below code is to ensure that the server is run only when not requiring the bundle.
declare const __non_webpack_require__: NodeRequire;
const mainModule = __non_webpack_require__.main;
const moduleFilename = mainModule && mainModule.filename || '';
if (moduleFilename === __filename || moduleFilename.includes('iisnode')) {
  run();
}

export * from './src/main.server';