ReferenceError: process is not defined vue 3

Question

<script setup>
import puppeteer from 'puppeteer';

const onChange = async () => {

  // Launch the browser
  const browser = await puppeteer.launch();

  // Create a page
  const page = await browser.newPage();

  // Go to your site
  await page.goto('https://stackoverflow.com');

  // Evaluate JavaScript
  const three = await page.evaluate(() => {
    return 1 + 2;
  });

  console.log(three);

  // Close browser.
  await browser.close();


};
console.log(onChange);
</script>

here I am trying to scrape a website using (puppeteer) but I get an error

in ReferenceError: process is not defined

You already have a browser in the browser; why would you want another one? — Dave Newton
– Dave Newton, Commented Dec 29, 2022 at 19:49
@DaveNewton you cannot scrap easily with a browser AFAIK. I mean, automate that process besides clicking around haha. — kissu
– kissu, Commented Dec 29, 2022 at 19:51

kissu · Accepted Answer · 2022-12-29 19:47:25Z

1

From the official page

Puppeteer is a Node.js library

You should probably not try to get that one working with VueJS (a client-side framework), gonna have a harder time for not a lot of benefits.

Use regular NodeJS for the scraping.

Otherwise, you could give a try to Nuxt3 with its SSR capabilities if you think that having Puppeteer and Vue alongside is crucial.

answered Dec 29, 2022 at 19:47

kissu

47.3k16 gold badges94 silver badges196 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ReferenceError: process is not defined vue 3

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related