hard estuary
Hi!
I am developing my portfolio website using nextjs 14. I am having a section where to show my projects that I fetch from a DB.
However I am having issues developing the component that shows the projects.
I have my 'projects.tsx' (resumed):
"use server"
async function ProjectsCards() {
const projects = await getProjects();
return (
<ProjectList projects={projects}/>
)
}
export default async function Projects() {
return (
<Suspense fallback={<div>Loading...</div>}>
<ProjectsCards />
</Suspense>
);
};
async function getProjects() {
const connection = await db();
try {
// Perform database operations using the 'connection' object
// Example: Fetch data from a table
const [results] = await connection.query("SELECT * FROM projects where lang_code = 'en'");
that is a serber component. Then I have a client component 'project-list.tsx' where I show them.
When loading my main page, it is shown white, and log repeats this error message:
⨯ Error: Could not find the module "D:\Desktop\Proyectos\Web Development\elblogdebruno.com - brunomoya.com\Current Design 2023\my-app\src\components\project-list.tsx#" in the React Client Manifest. This is probably a bug in the React Server Components bundler.
at stringify (<anonymous>)
What could it be?
thanks
bruno
south dune