DEV Community

kyohei
kyohei

Posted on

Install Puppeteer on MacBook Pro with Apple Silicon / M1

#puppeteer #m1 #applesilicon

For those who wouldn't like to work outside the CLI.

Install Chromium via brew:

$ brew install chromium
$ `which chromium`
Enter fullscreen mode Exit fullscreen mode

Set an environemntal variable to prevent [npm/yarn/pnpm] install downloading Chromium automatically (I'd put .env into the repo so coworkers with Apple Silicon can $ source .env .)

export PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true
export PUPPETEER_EXECUTABLE_PATH=`which chromium`
Enter fullscreen mode Exit fullscreen mode

Although in some situations you need to patch Puppeteer since it has a hard-coded executable path to /usr/bin/chromium-browser, you can try an option of puppeteer.launch to overwrite it.

const browser = await puppeteer.launch({
    executablePath: process.env[‘PUPPETEER_EXECUTABLE_PATH’],
})
Enter fullscreen mode Exit fullscreen mode

References

Top comments (1)

Collapse
 
oitan profile image
Alikhan Oitan • • Edited

Thank you! Your post helped me with the problem I had.
brew install --cask chromium --no-quarantine is better to not have issues opening chromium and actually use it. Also some people might need PUPPETEER_EXPERIMENTAL_CHROMIUM_MAC_ARM=true on their env file and during puppeteer installation.

Read next

xun_wang_6384a403f9817c2 profile image

高性能 ArkUI 应用开发：复杂 UI 场景中的内存管理与 XML 优化

SameX -

sarvabharan profile image

System Design 15 - Real-Time Collaboration Systems: Syncing Minds, One Keystroke at a Time

Sarva Bharan -

xun_wang_6384a403f9817c2 profile image

XML Parsing and Generation in ArkTS: Practical Application Development

SameX -

xun_wang_6384a403f9817c2 profile image

ArkTS 中的 XML 解析与生成：应用开发实战

SameX -