Next.js Discord

Discord Forum

WebpackError: Expected an opening square bracket. (Deployment error in vercel)

Answered
Quaid Ahmed posted this in #help-forum
Open in Discord
when my app is deploy on vercel i got this error am using the next js 14 all configurations are default i just add css-module and import them as a global. my app is working in development
Answered by joulev
if you got these css files from somewhere, please ensure the css file you get is valid css
View full answer

9 Replies

could you make a minimal reproduction repository?
with just these screenshots, it's hard to make guesses
i think your responsive.css, style.css, plugins.css all have invalid css syntaxes. you can just open them in editors and you'll see several syntax errors:
if you got these css files from somewhere, please ensure the css file you get is valid css
Answer
thanks i don't know why they show me error of unresolved directory but the dir is correct and that is working also
@joulev i think your `responsive.css`, `style.css`, `plugins.css` all have invalid css syntaxes. you can just open them in editors and you'll see several syntax errors:
Thank you, I have fixed the unexpected bracket in the 'plugin.css'. WebStorm didn't identify it, but it was detected in VS Code.
@Giant panda potential webstorm bug?