Skip to content

Sass issue #16059

@ondrejnedoma

Description

@ondrejnedoma

Describe the Bug

As previously discussed in issue #15011, a Sass issue is present directly after creating a new project, which makes the app unusable, however only with the website template. The blank template works fine now.

[browser] ./src/components/AdminBar/index.scss
Error evaluating Node.js code
Error: Can't find stylesheet to import.
  ╷
1 │ @import 'vars';
  │         ^^^^^^
  ╵

Link to the code that reproduces this issue

https://github.com/ondrejnedoma/payload-website-template-bug

Reproduction Steps

  1. Create the app using npx create-payload-app@latest -t website
  2. Run npm run dev
  3. Open the website and observe the error

Which area(s) are affected?

area: templates

Environment Info

Binaries:
  Node: 22.13.1
  npm: N/A
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  payload: 3.80.0
  next: 16.2.1
  @payloadcms/db-mongodb: 3.80.0
  @payloadcms/graphql: 3.80.0
  @payloadcms/live-preview: 3.80.0
  @payloadcms/live-preview-react: 3.80.0
  @payloadcms/next/utilities: 3.80.0
  @payloadcms/plugin-form-builder: 3.80.0
  @payloadcms/plugin-nested-docs: 3.80.0
  @payloadcms/plugin-redirects: 3.80.0
  @payloadcms/plugin-search: 3.80.0
  @payloadcms/plugin-seo: 3.80.0
  @payloadcms/richtext-lexical: 3.80.0
  @payloadcms/translations: 3.80.0
  @payloadcms/ui/shared: 3.80.0
  react: 19.2.4
  react-dom: 19.2.4
Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 11 Pro
  Available memory (MB): 16250
  Available CPU cores: 12

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions