@astrojs/prism + pnpm doesn't work together

[raulfdm]

What version of astro are you using?

2.0.16

Are you using an SSR adapter? If so, which one?

None

What package manager are you using?

npm and pnpm

What operating system are you using?

Mac

Describe the Bug

First, I don't think it's an Astro's direct problem, but I'd like to bring it here so we can narrow better where it should go.

In a nutshell, I was trying to set up @astrojs/prism on my blog that uses pnpm workspaces.

I followed the instructions about how to add it (which are very straightforward) but suddenly, I got an error:

const components = require('../components.js');
^
const getLoader = require('../dependencies');

In trying to identify the problem, I have created 3 projects:

1. astro with pnpm
2. astro with npm
3. vite vanilla

On both astro's projects, I've set up @astrojs/prism, while in the vite vanilla JS (using pnpm) I've installed manually prismjs and rendered the HTML there.

Both Astro with npm and vite projects worked fine with prism, while Astro with pnpm throws the same error.

Repo repository

https://github.com/raulfdm/astro-prism-pnpm-bug

Link to Minimal Reproducible Example

https://stackblitz.com/github/raulfdm/astro-prism-pnpm-bug?file=README.md

Participation

• I am willing to submit a pull request for this issue.