``` compatibility_flags = [ "nodejs_compat" ] node_compat = true ```

Vvillainy ``` compatibility_flags = [ "nodejs_compat" ] node_compat = true ```

C

Chaika•4/18/24, 8:31 PM

you can't use both, one or the other

V

villainyOP•4/18/24, 8:32 PM

getting the same error regardless

V

villainyOP•4/18/24, 8:32 PM

this didnt help either

import { Stream } from "node:stream";
globalThis.Stream = Stream;

import { Stream } from "node:stream";
globalThis.Stream = Stream;

import { Stream } from "node:stream";
globalThis.Stream = Stream;

import { Stream } from "node:stream";
globalThis.Stream = Stream;

C

Chaika•4/18/24, 8:33 PM

node:stream is only a thing in the compat flag version. I don't think that's the typical error though, "Native module not found"?
I would make sure you're on the latest cloudflare/puppeteer at least, the first versions used node_compat rather then the flag

V

villainyOP•4/18/24, 8:34 PM

on the latest version

    "@cloudflare/next-on-pages": "^1.11.0",
    "@cloudflare/puppeteer": "^0.0.6",

    "@cloudflare/next-on-pages": "^1.11.0",
    "@cloudflare/puppeteer": "^0.0.6",

    "@cloudflare/next-on-pages": "^1.11.0",
    "@cloudflare/puppeteer": "^0.0.6",

    "@cloudflare/next-on-pages": "^1.11.0",
    "@cloudflare/puppeteer": "^0.0.6",

V

villainyOP•4/18/24, 8:35 PM

node:

v20.10.0

V

villainyOP•4/18/24, 8:36 PM

maybe i need to downgrade to 18?

Vvillainy on the latest version ``` "@cloudflare/next-on-pages": "^1.11.0", "@clo...

C

Chaika•4/18/24, 8:39 PM

hmm what exactly are you trying to do? I don't believe you can use the browser rendering binding in pages at all/not supported

V

villainyOP•4/18/24, 8:42 PM

Function that scrapes a website and use the data together with my api

V

villainyOP•4/18/24, 9:30 PM

what alternative do i have if it dosent work with pages?
create a dedicated worker api project , and then fetch it from my nextjs app?

J

James•4/18/24, 9:33 PM

browser rendering should work fine with

nodejs_compat

nodejs_compat

nodejs_compat

nodejs_compat if you do a bit of monkey patching

J

James•4/18/24, 9:33 PM

I have this in a worker:

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import puppeteer from '@cloudflare/puppeteer';

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import puppeteer from '@cloudflare/puppeteer';

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import puppeteer from '@cloudflare/puppeteer';

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import puppeteer from '@cloudflare/puppeteer';

J

James•4/18/24, 9:33 PM

with

compatibility_flags = [ "nodejs_compat" ]

compatibility_flags = [ "nodejs_compat" ]

compatibility_flags = [ "nodejs_compat" ]

compatibility_flags = [ "nodejs_compat" ]

J

James•4/18/24, 9:34 PM

and it does work, so in theory it should work in Pages too

J

James•4/18/24, 9:36 PM

you won't be able to test locally though

J

James•4/18/24, 9:36 PM

browser rendering doesn't work for local testing at all. And Pages doesn't have remote dev. So your only real way of testing would be to just deploy and see.

J

James•4/18/24, 9:36 PM

I think at this point I'd agree with your conclusion, and making a dedicated Worker API project and then just fetch that from app. That'll be much easier and give you so much better DX.

JJames I think at this point I'd agree with your conclusion, and making a dedicated Wor...

V

villainyOP•4/18/24, 9:38 PM

Thanks, il try out both solution tomorrow!

U

uratmangun.ovh•4/22/24, 2:27 AM

hello can i get access to private beata?

Uuratmangun.ovh hello can i get access to private beata?

U

Unsmart•4/22/24, 3:09 AM

Its not private. If you have workers paid you can use it.

J

Josiah Bryan•4/24/24, 12:58 AM

Hey all! Trying to use the "browser-rendering" feature to get the text of a page - the docs demo it at https://developers.cloudflare.com/browser-rendering/get-started/reuse-sessions/

but when I call
```
response.text
```
response.text
```
response.text
```
response.text
myself (copy/pasting the code from the docs), I get an error saying
```
Buffer is not defined
```
Buffer is not defined
```
Buffer is not defined
```
Buffer is not defined
- deep inside the CF Pupeteer package:

`
✘ [ERROR] Uncaught (in promise) ReferenceError: Buffer is not defined

      at null.<anonymous>
  (file:///Users/josiahbryan/devel/rubber/cfworkers/browser-worker/node_modules/@cloudflare/puppeteer/src/common/HTTPResponse.ts:206:11)
```

Any suggestions on what I'm doing wrong...? Does

`
✘ [ERROR] Uncaught (in promise) ReferenceError: Buffer is not defined

      at null.<anonymous>
  (file:///Users/josiahbryan/devel/rubber/cfworkers/browser-worker/node_modules/@cloudflare/puppeteer/src/common/HTTPResponse.ts:206:11)
```

Any suggestions on what I'm doing wrong...? Does

`
✘ [ERROR] Uncaught (in promise) ReferenceError: Buffer is not defined

      at null.<anonymous>
  (file:///Users/josiahbryan/devel/rubber/cfworkers/browser-worker/node_modules/@cloudflare/puppeteer/src/common/HTTPResponse.ts:206:11)
```

Any suggestions on what I'm doing wrong...? Does

`
✘ [ERROR] Uncaught (in promise) ReferenceError: Buffer is not defined

      at null.<anonymous>
  (file:///Users/josiahbryan/devel/rubber/cfworkers/browser-worker/node_modules/@cloudflare/puppeteer/src/common/HTTPResponse.ts:206:11)
```

Any suggestions on what I'm doing wrong...? Does

response.text()` just NOT work?

Usage is like:

const response = await page.goto(url, { waitUntil: 'networkidle2' });
// ...
const text = await response.text(); // <~--- "Buffer is not defined" error thrown here

const response = await page.goto(url, { waitUntil: 'networkidle2' });
// ...
const text = await response.text(); // <~--- "Buffer is not defined" error thrown here

const response = await page.goto(url, { waitUntil: 'networkidle2' });
// ...
const text = await response.text(); // <~--- "Buffer is not defined" error thrown here

const response = await page.goto(url, { waitUntil: 'networkidle2' });
// ...
const text = await response.text(); // <~--- "Buffer is not defined" error thrown here

JJosiah Bryan Hey all! Trying to use the "browser-rendering" feature to get the text of a page...

U

Unsmart•4/24/24, 1:17 AM

Did you add the

nodejs_compat

nodejs_compat

nodejs_compat

nodejs_compat flag from step 3: https://developers.cloudflare.com/browser-rendering/get-started/reuse-sessions/#3-configure-wranglertoml

UUnsmart Did you add the `nodejs_compat` flag from step 3: <https://developers.cloudflare...

J

Josiah Bryan•4/24/24, 1:27 AM

Indeed indeed - very first thing I did - followed it step-by-step - this is my wrangler.toml for this problem

UUnsmart Did you add the `nodejs_compat` flag from step 3: <https://developers.cloudflare...

J

Josiah Bryan•4/24/24, 1:28 AM

Do I need to monkey-patch

globalThis.buffer

globalThis.buffer

globalThis.buffer

globalThis.buffer as done above? Like:

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

U

Unsmart•4/24/24, 1:49 AM

Not really sure never used browser rendering, not having the compat flag seemed like the obvious culprit from the error message

J

Josiah Bryan•4/24/24, 2:31 AM

Yep - seems obvious, but the RENDERING works fine! Screenshot is gucci and nice. it's the ".text()" thing that is the problem

S

Stingo•4/24/24, 9:27 AM

I d like to request test for browser rendering API Before paying .

Ddpeek I had the clever idea of using DurableObject location hints to get browser rende...

H

Hello, I’m Allie!•4/24/24, 9:44 AM

Can you share an example of how you are doing it?

Ddpeek I figured if the browser was requested from a DO in the right region it might al...

H

Hello, I’m Allie!•4/24/24, 10:07 AM

Which region are you using?

H

Hello, I’m Allie!•4/24/24, 10:07 AM

Actually, you can check too what colo your DO ended up in

H

Hello, I’m Allie!•4/24/24, 10:08 AM

Return this from your DO somehow

((
  await (await fetch("https://www.cloudflare.com/cdn-cgi/trace")).text()
).match(/^colo=(.+)/m) as string[])[1]

((
  await (await fetch("https://www.cloudflare.com/cdn-cgi/trace")).text()
).match(/^colo=(.+)/m) as string[])[1]

((
  await (await fetch("https://www.cloudflare.com/cdn-cgi/trace")).text()
).match(/^colo=(.+)/m) as string[])[1]

((
  await (await fetch("https://www.cloudflare.com/cdn-cgi/trace")).text()
).match(/^colo=(.+)/m) as string[])[1]

H

Hello, I’m Allie!•4/24/24, 10:08 AM

It will tell you which colo the DO is in

Ssc Setting the geographical location of the browser is in the roadmap. With DO hint...

H

Hello, I’m Allie!•4/24/24, 10:16 AM

Do the browsers utilize IPs geolocated to the same region as where they spawn?

S

Stingo•4/24/24, 10:20 AM

Is there a way to request more browser instances per minute ? or the limit for all plans is 2

0

0xPresc•4/25/24, 9:23 PM

Hi, how to get access to browser rendering?

JJames I've filed https://github.com/cloudflare/puppeteer/issues/36 but it would be rea...

J

James•4/26/24, 11:44 AM

Any insight or commitment here?

00xPresc Hi, how to get access to browser rendering?

S

Stingo•4/27/24, 10:59 AM

workers paid plan

SStingo workers paid plan

F

Friendly•4/27/24, 6:54 PM

a paid plan immediatly unlock access?

FFriendly a paid plan immediatly unlock access?

S

Stingo•4/27/24, 6:54 PM

yup

S

Stingo•4/27/24, 6:54 PM

i dont think its worth it

S

Stingo•4/27/24, 6:54 PM

check limits

S

Stingo•4/27/24, 6:54 PM

2 browsers per min

F

Friendly•4/27/24, 6:55 PM

mmm that does indeed sound extremely limited

``` compatibility_flags = [ "nodejs_compat" ] node_compat = true ```

Similar Threads

Similar Threads

Similar Threads