Unable to spin up the application

[Tarantula471]

Hey guys, I'm working on this application for the first time and after following these steps - https://github.com/nathanbowang/payload-concurrent-login-issue?tab=readme-ov-file#development

I'm unable to spin up the application. I've connected through Docker to connect locally and after doing pnpm dev it throws error

## Error Type
Build Error

## Error Message
Error evaluating Node.js code

## Build Output
./packages/next/src/elements/DocumentHeader/Tabs/Tab/index.scss
Error evaluating Node.js code
Error: Can't find stylesheet to import.
  ╷
1 │ @import 'vars';
  │         ^^^^^^
  ╵
  packages\ui\src\scss\styles.scss 1:9                               @import
  packages\next\src\elements\DocumentHeader\Tabs\Tab\index.scss 1:9  root stylesheet
  (from C:\Users\Tushar\payload\node_modules\.pnpm\next@16.2.0_@opentelemetry+_63122224f908b098e4aec8b12be3467a\node_modules\next\dist\build\webpack\loaders\resolve-url-loader\index.js, C:\Users\Tushar\payload\node_modules\.pnpm\next@16.2.0_@opentelemetry+_63122224f908b098e4aec8b12be3467a\node_modules\next\dist\compiled\sass-loader\cjs.js)
Caused by: Error: Can't find stylesheet to import.
  ╷
1 │ @import 'vars';
  │         ^^^^^^
  ╵
  packages\ui\src\scss\styles.scss 1:9                               @import
  packages\next\src\elements\DocumentHeader\Tabs\Tab\index.scss 1:9  root stylesheet
    [at Object.wrapException (C:\Users\Tushar\payload\node_modules\.pnpm\sass@1.98.0\node_modules\sass\sass.dart.js:2337:47)]
    [at C:\Users\Tushar\payload\node_modules\.pnpm\sass@1.98.0\node_modules\sass\sass.dart.js:90086:25]
    [at _wrapJsFunctionForAsync_closure.$protected (C:\Users\Tushar\payload\node_modules\.pnpm\sass@1.98.0\node_modules\sass\sass.dart.js:5005:15)]
    [at _wrapJsFunctionForAsync_closure.call$2 (C:\Users\Tushar\payload\node_modules\.pnpm\sass@1.98.0\node_modules\sass\sass.dart.js:38686:12)]
    [at _awaitOnObject_closure.call$1 (C:\Users\Tushar\payload\node_modules\.pnpm\sass@1.98.0\node_modules\sass\sass.dart.js:38674:32)]
    [at Object._rootRunUnary (C:\Users\Tushar\payload\node_modules\.pnpm\sass@1.98.0\node_modules\sass\sass.dart.js:5429:18)]
    [at StaticClosure.<anonymous> (C:\Users\Tushar\payload\node_modules\.pnpm\sass@1.98.0\node_modules\sass\sass.dart.js:129707:16)]
    [at _CustomZone.runUnary$2$2 (C:\Users\Tushar\payload\node_modules\.pnpm\sass@1.98.0\node_modules\sass\sass.dart.js:40115:39)]
    [at _Future__propagateToListeners_handleValueCallback.call$0 (C:\Users\Tushar\payload\node_modules\.pnpm\sass@1.98.0\node_modules\sass\sass.dart.js:39175:51)]
    [at Object._Future__propagateToListeners (C:\Users\Tushar\payload\node_modules\.pnpm\sass@1.98.0\node_modules\sass\sass.dart.js:5215:93)]

Next.js version: 16.2.0 (Turbopack)

Any help would be appreciated. Thanks!

[zubricks]

I think what's happening is you're running the Payload monorepo directly (not a standalone app), and you haven't built the packages first. The SCSS @import 'vars' fails because the compiled assets don't exist yet.

The fix is to build core packages before running dev:

1. pnpm install
2. pnpm run build:core
3. pnpm run dev

Try that!