adam/vscode-front-matter
1
0 Fork 0
mirror of https://github.com/estruyf/vscode-front-matter.git synced 2026-11-04 01:22:21 +01:00
Code Issues 77 Packages Projects Releases Wiki Activity

"Error: Cannot find module 'react'"?? #260

New Issue
Closed
opened 2026-10-05 02:36:14 +02:00 by adam · 6 comments
adam commented 2026-10-05 02:36:14 +02:00
Owner
Copy link
Copy source

Sorry if I missed something obvious but...
Aren't all installs supposed to be automagical?
I'm getting a "Error: Cannot find module 'react'" after starting the server.
Do I need to npm install anything??
Thanks

Sorry if I missed something obvious but... Aren't all installs supposed to be automagical? I'm getting a "Error: Cannot find module 'react'" after starting the server. Do I need to npm install anything?? Thanks <!-- github-sync-id:1223308870 -->
adam closed this issue 2026-10-05 02:36:14 +02:00
adam commented 2026-10-05 02:36:15 +02:00
Author
Owner
Copy link
Copy source

I do get a warning from "npx next info" though

  Operating System:
     Platform: win32
     Arch: x64
     Version: Windows 10 Pro
   Binaries:
     Node: 17.3.0
     npm: N/A
     Yarn: N/A
     pnpm: N/A
   Relevant packages:
     next: 12.1.5
     react: 18.1.0
     react-dom: 18.1.0

warn  - Latest canary version not detected, detected: "12.1.5", newest: "12.1.6-canary.17".
       Please try the latest canary version (`npm install next@canary`) to confirm the issue still exists before creating a new issue.
       Read more - https://nextjs.org/docs/messages/opening-an-issue
I do get a warning from "npx next info" though ``` Operating System: Platform: win32 Arch: x64 Version: Windows 10 Pro Binaries: Node: 17.3.0 npm: N/A Yarn: N/A pnpm: N/A Relevant packages: next: 12.1.5 react: 18.1.0 react-dom: 18.1.0 warn - Latest canary version not detected, detected: "12.1.5", newest: "12.1.6-canary.17". Please try the latest canary version (`npm install next@canary`) to confirm the issue still exists before creating a new issue. Read more - https://nextjs.org/docs/messages/opening-an-issue ``` <!-- github-comment-id:1115317748 -->
adam commented 2026-10-05 02:36:16 +02:00
Author
Owner
Copy link
Copy source

What do you mean with aren't all installs supposed to be automagical?

In case you want to use Front Matter with your site, you will have to run all installs manually. Front Matter will do the content management part.

What do you mean with aren't all installs supposed to be automagical? In case you want to use Front Matter with your site, you will have to run all installs manually. Front Matter will do the content management part. <!-- github-comment-id:1115337243 -->
adam commented 2026-10-05 02:36:16 +02:00
Author
Owner
Copy link
Copy source

Sorry for being so clueless but I very confused about the interaction between frontmatter and the chosen framework.
I have little to no experience with the Next framework (that the one I choose) but though it would manage all the needed libraries installs automatically.
I just looked at Next tutorial and it seams to manage all library dependencies, although it asked if I wanted to proceed installing "create-next-app".
So, I just ran npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter, cd to newly created folder and then npm run dev and that was it, I could now access the "Welcome Page" on http://localhost:3000/

Must I install react on the FM root folder?? And then keep installing all other missing libraries?
I'm really lost here :-\

Sorry for being so clueless but I very confused about the interaction between frontmatter and the chosen framework. I have little to no experience with the Next framework (that the one I choose) but though it would manage all the needed libraries installs automatically. I just looked at Next tutorial and it seams to manage all library dependencies, although it asked if I wanted to proceed installing "create-next-app". So, I just ran `npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter`, cd to newly created folder and then `npm run dev` and that was it, I could now access the "Welcome Page" on http://localhost:3000/ Must I install react on the FM root folder?? And then keep installing all other missing libraries? I'm really lost here :-\ <!-- github-comment-id:1116235972 -->
adam commented 2026-10-05 02:36:17 +02:00
Author
Owner
Copy link
Copy source

Front Matter has nothing to do with the SSG or framework you use. It is only used to manage your content. That said, you must first create your project. In your case with Next.js, install its dependencies, open the root folder of the project in VS Code and start configuring it to use Front Matter.

It is very similar to the Hugo configuration which you can find here: https://frontmatter.codes/docs/ssg-and-frameworks/hugo-configuration#setting-up-front-matter-for-your-hugo-site

Front Matter has nothing to do with the SSG or framework you use. It is only used to manage your content. That said, you must first create your project. In your case with Next.js, install its dependencies, open the root folder of the project in VS Code and start configuring it to use Front Matter. It is very similar to the Hugo configuration which you can find here: https://frontmatter.codes/docs/ssg-and-frameworks/hugo-configuration#setting-up-front-matter-for-your-hugo-site <!-- github-comment-id:1116371303 -->
adam commented 2026-10-05 02:36:18 +02:00
Author
Owner
Copy link
Copy source

I'm not used to these frameworks so I at least figured out I better start by learning them.
Maybe make that more explicit in the readme and you may avoid ignorant posts like this! ;-)
Thanks

I'm not used to these frameworks so I at least figured out I better start by learning them. Maybe make that more explicit in the readme and you may avoid ignorant posts like this! ;-) Thanks <!-- github-comment-id:1116528647 -->
adam commented 2026-10-05 02:36:18 +02:00
Author
Owner
Copy link
Copy source

Closing as this was a question.

Thanks, @ruifortes for the suggestion on enhancing the documentation.

Closing as this was a question. Thanks, @ruifortes for the suggestion on enhancing the documentation. <!-- github-comment-id:1137112902 -->
Sign in to join this conversation.
No Branch/Tag Specified
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
adam (Adam Wojcieszonek)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/vscode-front-matter#260