Issue with webpack and syntax error in Next.js project
27 replies
Last updated: Aug 18, 2022
T
Hello guys, trying to set up server locally did few changes but now when I am starting my localhost I've got this kind of error when deploying. webpack issues.. anyone know why its doing it ? Please help.. or I am giving up on sanity info - Loaded env from C:\Users\User\sanity-ytb-demo\.env.local
info - Using experimental wasm build of next-swc
warn - Attempted to load @next/swc-win32-x64-gnu, but it was not installed
warn - Attempted to load @next/swc-win32-x64-msvc, but an error occurred: The specified module could not be found.
\\?\C:\Users\User\sanity-ytb-demo\node_modules\@next\swc-win32-x64-msvc\next-swc.win32-x64-msvc.node
event - compiled client and server successfully in 1882 ms (178 modules)
wait - compiling...
event - compiled client and server successfully in 536 ms (178 modules)
wait - compiling / (client and server)...
event - compiled client and server successfully in 772 ms (229 modules)
wait - compiling /_error (client and server)...
event - compiled client and server successfully in 456 ms (230 modules)
error - SyntaxError: Invalid left-hand side expression in postfix operation
at Object../sanity.js (C
:\Users\User\sanity-ytb-demo\.next\server\pages\index.js:275:1) at __webpack_require__ (C
:\Users\User\sanity-ytb-demo\.next\server\webpack-runtime.js:33:42) at eval (webpack-internal
:///./pages/index.tsx:11:65) at Object../pages/index.tsx (C
:\Users\User\sanity-ytb-demo\.next\server\pages\index.js:264:1) at __webpack_require__ (C
:\Users\User\sanity-ytb-demo\.next\server\webpack-runtime.js:33:42) at __webpack_exec__ (C
:\Users\User\sanity-ytb-demo\.next\server\pages\index.js:614:39) at C
:\Users\User\sanity-ytb-demo\.next\server\pages\index.js:615:28 at Object.<anonymous> (C
:\Users\User\sanity-ytb-demo\.next\server\pages\index.js:618:3) at Module._compile (node
:internal/modules/cjs/loader:1105:14) at Object.Module._extensions..js (node
:internal/modules/cjs/loader:1159:10) { page: '/'
}
ready - started server on 0.0.0.0:3000, url: <http://localhost:3000>
info - Using experimental wasm build of next-swc
warn - Attempted to load @next/swc-win32-x64-gnu, but it was not installed
warn - Attempted to load @next/swc-win32-x64-msvc, but an error occurred: The specified module could not be found.
\\?\C:\Users\User\sanity-ytb-demo\node_modules\@next\swc-win32-x64-msvc\next-swc.win32-x64-msvc.node
event - compiled client and server successfully in 1882 ms (178 modules)
wait - compiling...
event - compiled client and server successfully in 536 ms (178 modules)
wait - compiling / (client and server)...
event - compiled client and server successfully in 772 ms (229 modules)
wait - compiling /_error (client and server)...
event - compiled client and server successfully in 456 ms (230 modules)
error - SyntaxError: Invalid left-hand side expression in postfix operation
at Object../sanity.js (C
:\Users\User\sanity-ytb-demo\.next\server\pages\index.js:275:1) at __webpack_require__ (C
:\Users\User\sanity-ytb-demo\.next\server\webpack-runtime.js:33:42) at eval (webpack-internal
:///./pages/index.tsx:11:65) at Object../pages/index.tsx (C
:\Users\User\sanity-ytb-demo\.next\server\pages\index.js:264:1) at __webpack_require__ (C
:\Users\User\sanity-ytb-demo\.next\server\webpack-runtime.js:33:42) at __webpack_exec__ (C
:\Users\User\sanity-ytb-demo\.next\server\pages\index.js:614:39) at C
:\Users\User\sanity-ytb-demo\.next\server\pages\index.js:615:28 at Object.<anonymous> (C
:\Users\User\sanity-ytb-demo\.next\server\pages\index.js:618:3) at Module._compile (node
:internal/modules/cjs/loader:1105:14) at Object.Module._extensions..js (node
:internal/modules/cjs/loader:1159:10) { page: '/'
}
Aug 18, 2022, 10:25 AM
K
What error?
Aug 18, 2022, 10:25 AM
K
error - SyntaxError: Invalid left-hand side expression in postfix operation
Aug 18, 2022, 10:26 AM
K
You’re doing something wrong somewhere in your code. 🙂 Probably here:
/pages/index.tsx:11:65
Aug 18, 2022, 10:26 AM
T
there is no error in index.tsx per visual code 😕
Aug 18, 2022, 10:30 AM
T
but query is somehow not cooperating...
Aug 18, 2022, 10:30 AM
T
when I delete const and stuff its working..
Aug 18, 2022, 10:31 AM
K
You’ll need to share some code for us to help. 🙂
Aug 18, 2022, 10:31 AM
T
ok I will show
Aug 18, 2022, 10:46 AM
T
import Head from 'next/head'import Header from '../components/Header'
import { SanityClient, urlFor} from "../sanity";
import { Post } from '../typings';
interface Props {
posts: [Post]
}
export default function Home( {posts }: Props) {
console.log(posts);
return (
<div className="max-w-7xl mx-auto">
<Head>
<title>Medium Blog</title>
<link rel="icon" href="/favicon.ico" />
</Head>
<Header />
<div className="flex justify-between items-center bg-yellow-400 border-y border-black py-10 lg:py-0">
<div className='px-10 space-y-5'>
<h1 className="text-6xl max-w-xl font-serif">
<span className="underline decoration-black decor">Medium</span> is a place to write, read and connect.</h1>
<h2>
It's easy and free to post your thnking on any topic and connect
with millions of readers.
</h2>
</div>
<img
className="hidden md:inline-flex h-32 lg:h-full"
src="
https://accountabilitylab.org/wp-content/uploads/2020/03/Medium-logo.png " alt=""
/>
{/* Posts */}
</div>
</div>
);
};
export const getServerSideProps = async () => {
const query = `*[_type == "post"]{
_id,
title,
author-> {
name,
image
},
description,
mainImage,
slug
}`;
const posts = await SanityClient.fetch(query);
return{
props: {
posts,
},
};
};
Aug 18, 2022, 10:47 AM
T
I am following ytb tutorial exactly what is it... and does not work
Aug 18, 2022, 10:52 AM
T
frustrating
Aug 18, 2022, 10:53 AM
T
problem must be with this line const query = `*[_type == "post"]{
_id,
title,
author-> {
name,
image
},
description,
mainImage,
slug
}`;
const posts = await SanityClient.fetch(query);
return{
props: {
posts,
},
};
};
export const getServerSideProps = async () => {_id,
title,
author-> {
name,
image
},
description,
mainImage,
slug
}`;
const posts = await SanityClient.fetch(query);
return{
props: {
posts,
},
};
};
Aug 18, 2022, 10:54 AM
T
when I remove this ... client is working without issue
Aug 18, 2022, 10:54 AM
T
and page will reload
Aug 18, 2022, 10:54 AM
T
without problems
Aug 18, 2022, 10:54 AM
T
when I apply this back.. issue
Aug 18, 2022, 10:54 AM
K
I took your code and formatted it okay so it looks fine.
Aug 18, 2022, 11:21 AM
K
Definitely not a Sanity issue though. This is 100% on the Next setup.
Aug 18, 2022, 11:21 AM
K
(Side note, you might want to use getStaticProps instead of getServerSideProps.)
Aug 18, 2022, 11:22 AM
K
Can you share your Header component?
Aug 18, 2022, 11:22 AM
T
I fix it
Aug 18, 2022, 11:50 AM
T
just rerun everything from scratch
Aug 18, 2022, 11:50 AM
T
no need to assist, ITS WORKING
Aug 18, 2022, 11:50 AM
T
issue do not know what was it but I follow exactly again same thing as always and now its working
Aug 18, 2022, 11:50 AM
T
production
Aug 18, 2022, 11:51 AM
T
workiiiiiiing like a charm
Aug 18, 2022, 11:51 AM
K
Good. 🙂
Aug 18, 2022, 11:52 AM
Sanity– build remarkable experiences at scale
Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.