#yarn dev / docs - not working

4 messages · Page 1 of 1 (latest)

normal pecan
#

Hello!

I have tried to run the mantine docs, but I got and error if I try to open in the browser.
What step have I missed?

Can't resolve '@mantine/core'

(base) :~/Learn/mantine$ yarn

(base) :~/Learn/mantine$ yarn docs

> [email protected] dev
> next dev -p 7545

   ▲ Next.js 14.0.2
   - Local:        http://localhost:7545
   - Environments: .env

   automatically enabled Fast Refresh for 1 custom loader
 ✓ Ready in 1412ms
 ○ Compiling / ...
 ⨯ ./src/components/Footer/Footer.tsx:3:0
Module not found: Can't resolve '@mantine/core'
  1 | import React from 'react';
  2 | import cx from 'clsx';
> 3 | import { Box, Container, Group, RemoveScroll, Text } from '@mantine/core';
  4 | import { Logo } from '../Logo/Logo';
  5 | import { DiscordButton, TwitterButton } from '../SocialButton';
  6 | import { FOOTER_LINKS_DATA } from './data';

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./src/components/Footer/index.ts
./src/components/HomePage/HomePage.tsx
./src/components/HomePage/index.ts
./src/pages/index.tsx
   automatically enabled Fast Refresh for 1 custom loader
 ⨯ ./src/components/Footer/Footer.tsx:3:0
Module not found: Can't resolve '@mantine/core'
  1 | import React from 'react';
  2 | import cx from 'clsx';
> 3 | import { Box, Container, Group, RemoveScroll, Text } from '@mantine/core';
  4 | import { Logo } from '../Logo/Logo';
  5 | import { DiscordButton, TwitterButton } from '../SocialButton';
  6 | import { FOOTER_LINKS_DATA } from './data';

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./src/components/Footer/index.ts
./src/components/HomePage/HomePage.tsx
./src/components/HomePage/index.ts
./src/pages/index.tsx
grizzled lintel
normal pecan
#

Thanks! 👍

harsh elk
#

@grizzled lintel It seems that npm run docs does not compile the demos. is it expected?