Why do i need to import Fetcher from @cloudflare/workers-types

`
import puppeteer from "@cloudflare/puppeteer";
import { Fetcher } from "@cloudflare/workers-types";

interface Env {
    MYBROWSER: Fetcher;
}

export default {
    async fetch(request: Request, env: Env): Promise<Response> {
        const browser = await puppeteer.launch(env.MYBROWSER);
        const page = await browser.newPage();
        await page.goto("https://example.com");
        const metrics = await page.metrics();
        await browser.close();
        return Response.json(metrics);
    },
};

`
import puppeteer from "@cloudflare/puppeteer";
import { Fetcher } from "@cloudflare/workers-types";

interface Env {
    MYBROWSER: Fetcher;
}

export default {
    async fetch(request: Request, env: Env): Promise<Response> {
        const browser = await puppeteer.launch(env.MYBROWSER);
        const page = await browser.newPage();
        await page.goto("https://example.com");
        const metrics = await page.metrics();
        await browser.close();
        return Response.json(metrics);
    },
};

`
import puppeteer from "@cloudflare/puppeteer";
import { Fetcher } from "@cloudflare/workers-types";

interface Env {
    MYBROWSER: Fetcher;
}

export default {
    async fetch(request: Request, env: Env): Promise<Response> {
        const browser = await puppeteer.launch(env.MYBROWSER);
        const page = await browser.newPage();
        await page.goto("https://example.com");
        const metrics = await page.metrics();
        await browser.close();
        return Response.json(metrics);
    },
};

`
import puppeteer from "@cloudflare/puppeteer";
import { Fetcher } from "@cloudflare/workers-types";

interface Env {
    MYBROWSER: Fetcher;
}

export default {
    async fetch(request: Request, env: Env): Promise<Response> {
        const browser = await puppeteer.launch(env.MYBROWSER);
        const page = await browser.newPage();
        await page.goto("https://example.com");
        const metrics = await page.metrics();
        await browser.close();
        return Response.json(metrics);
    },
};

`

heello. in code above i have to import Fetcher type. in cloudflare docs they don't import types. and also when i bind Fetcher type to MYBROWSER i can not use it in puppeteer.launch(env.MYBROWSER). i get this error that says argument Fetcher is not assignable to parameter of type 'BrowserWorker'

AAvocadio ```` import puppeteer from "@cloudflare/puppeteer"; import { Fetcher } from "@cl...

Hello, I’m Allie!•9/6/23, 7:11 AM

If you place it in your

tsconfig.json

tsconfig.json

like this:

{
  "compilerOptions": {
    "types": ["@cloudflare/workers-types"],
    // ...
  }
}

{
  "compilerOptions": {
    "types": ["@cloudflare/workers-types"],
    // ...
  }
}

, then it should be available without having to import it

AvocadioOP•9/6/23, 7:20 AM

no sir it did not work

AvocadioOP•9/6/23, 7:20 AM

and without typescript, i can not use it to launch new browser

AvocadioOP•9/6/23, 7:21 AM

browser = { binding = "MY_BROWSER", type = "browser" }

i bind it too

AAvocadio no sir it did not work

Hello, I’m Allie!•9/6/23, 7:24 AM

Try reloading your editor. I'm getting clean types with this:

tsconfig.json319B

AvocadioOP•9/7/23, 6:22 AM

no sir i still get type errors

AvocadioOP•9/7/23, 6:25 AM

nah i can not get it

AvocadioOP•9/7/23, 6:25 AM

i think there are problems with puppeteer's last version

AvocadioOP•9/8/23, 11:47 AM

what do you guys think?

AvocadioOP•9/8/23, 11:47 AM

still can not work it

Niek•10/30/23, 1:41 PM

with the tsconfig that @HardlySpookin’ pasted above it works fine. i would recommend to have create-cloudflarecreate-cloudflare create the tsconfig too

Why do i need to import Fetcher from @cloudflare/workers-types

Similar Threads

Similar Threads

Similar Threads