Not able to resolve error using the <Link> component

Unanswered

Cape lion posted this in #help-forum

Cape lionOP

2024-02-03T03:45:44.000Z

Learning Next.js using the interactive tutorial on vercel.com

Tutorial Link: Learning Next.js using the interactive tutorial on vercel.com
https://nextjs.org/learn/dashboard-app/navigating-between-pages#the-link-component

9 Replies

Cape lionOP

2024-02-03T03:46:05.000Z

@Cape lion Click to see attachment

aardani

2024-02-03T03:54:16.000Z

What is link ?

What is links

Cape lionOP

2024-02-03T04:08:26.000Z

I am not sure. I am learning webdev.
it was given in the tutorial.

I tried to define it as

const links = [
    { name: 'Home', href: '/dashboard', icon: HomeIcon },
    {
      name: 'Invoices',
      href: '/dashboard/invoices',
      icon: DocumentDuplicateIcon,
    },
    { name: 'Customers', href: '/dashboard/customers', icon: UserGroupIcon },
  ];

but its still not working

@Cape lion I am not sure. I am learning webdev. it was given in the tutorial. I tried to define it as `const links = [ { name: 'Home', href: '/dashboard', icon: HomeIcon }, { name: 'Invoices', href: '/dashboard/invoices', icon: DocumentDuplicateIcon, }, { name: 'Customers', href: '/dashboard/customers', icon: UserGroupIcon }, ];` but its still not working

aardani

2024-02-03T05:47:42.000Z

This needs to be exported

And links needs to be imported

Thats the way you share data between files

aardani

2024-02-03T05:48:15.000Z

Or you need to wrjte this in the same file with your links.map