Hi!
I'm going through this learn project: https://nextjs.org/learn
In chapter 7 we're fetching data, and everything is running smoothly until I get to this part:
https://nextjs.org/learn/dashboard-app/fetching-data#fetching-data-for-revenuechart

When I add the import for fetchRevenue, and create a revenue const:

import { Card } from '@/app/ui/dashboard/cards';
import RevenueChart from '@/app/ui/dashboard/revenue-chart';
import LatestInvoices from '@/app/ui/dashboard/latest-invoices';
import { lusitana } from '@/app/ui/fonts';

//This step ...
import { fetchRevenue } from '@/app/lib/data';
 
export default async function Page() {
// ... and this step
  const revenue = await fetchRevenue();
}

... I get this error:

Server Error

Error: error - node_modules/node-gyp-build/node-gyp-build.js:22:10 Error resolving commonjs request

20 |
21 | function load (dir) {

22 | return runtimeRequire(load.resolve(dir))

| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

23 | }

| ^
24 |
25 | load.resolve = load.path = function (dir) {
26 | dir = path.resolve(dir || '.')
unable to resolve dynamic
It was not possible to find the requested file.
Parsed request as written in source code: dynamic
Path where resolving has started: [project]/node_modules/node-gyp-build/node-gyp-build.js
Type of request: commonjs request
Import map: No import map entry

This error happened while generating the page. Any console logs will be displayed in the terminal window.

Here's the repo:
https://github.com/AMarlonG/Next.ja-14-Server-Actions/tree/main/nextjs-dashboard

I'm totally new to this, so I have no idea what's going on here ...