Skip to content

Native resolver + yarn pnp: [sass] Error: Can't find stylesheet to import. #392

@Glandos

Description

@Glandos

Describe the regression

$font: 'Newson', sans-serif;
@use 'vuetify' with (
  $body-font-family: $font
);

yarn vite build fails with native plugins.

This works with enableNativePlugin: false but not when they are enabled.

Reproduction

https://github.com/Glandos/rolldown-sass-bug

Expected Behavior

❯ yarn vite build
rolldown-vite v7.1.5 building for production...
✓ 11 modules transformed.
dist/index.html                   0.43 kB │ gzip:  0.28 kB
dist/assets/index-Dr1LP0qG.css  244.76 kB │ gzip: 29.14 kB
dist/assets/index-DtlB1w3H.js    62.87 kB │ gzip: 24.75 kB
✓ built in 894ms

Actual Behavior

❯ yarn vite build
rolldown-vite v7.1.5 building for production...
✓ 10 modules transformed.
✗ Build failed in 333ms
error during build:
Build failed with 1 error:

[plugin vite:css] /tmp/vue-project/src/sass/font.scss
Error: [sass] Error: Can't find stylesheet to import.
  ╷
2 │ ┌ @use 'vuetify' with (
3 │ │   $body-font-family: $font
4 │ │ );
  │ └─^
  ╵
  /tmp/vue-project/src/sass/font.scss 2:1  root stylesheet
[sass] Error: Can't find stylesheet to import.
  ╷
2 │ ┌ @use 'vuetify' with (
3 │ │   $body-font-family: $font
4 │ │ );
  │ └─^
  ╵
  /tmp/vue-project/src/sass/font.scss 2:1  root stylesheet
    at handleCompileResponse (/home/adrien/.yarn/berry/cache/sass-embedded-npm-1.90.0-a4704eca9e-10c0.zip/node_modules/sass-embedded/dist/lib/src/compiler/utils.js:155:15)
    at AsyncCompiler.compileRequestAsync (/home/adrien/.yarn/berry/cache/sass-embedded-npm-1.90.0-a4704eca9e-10c0.zip/node_modules/sass-embedded/dist/lib/src/compiler/async.js:100:54)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Object.run (file:///tmp/vue-project/.yarn/__virtual__/rolldown-vite-virtual-8903512173/3/home/adrien/.yarn/berry/cache/rolldown-vite-npm-7.1.5-4380f773b3-10c0.zip/node_modules/rolldown-vite/dist/node/chunks/dep-Ql2zlmoZ.js:32028:19)
    at async process (file:///tmp/vue-project/.yarn/__virtual__/rolldown-vite-virtual-8903512173/3/home/adrien/.yarn/berry/cache/rolldown-vite-npm-7.1.5-4380f773b3-10c0.zip/node_modules/rolldown-vite/dist/node/chunks/dep-Ql2zlmoZ.js:32057:20)
    at async compileCSSPreprocessors (file:///tmp/vue-project/.yarn/__virtual__/rolldown-vite-virtual-8903512173/3/home/adrien/.yarn/berry/cache/rolldown-vite-npm-7.1.5-4380f773b3-10c0.zip/node_modules/rolldown-vite/dist/node/chunks/dep-Ql2zlmoZ.js:31474:27)
    at async compileCSS (file:///tmp/vue-project/.yarn/__virtual__/rolldown-vite-virtual-8903512173/3/home/adrien/.yarn/berry/cache/rolldown-vite-npm-7.1.5-4380f773b3-10c0.zip/node_modules/rolldown-vite/dist/node/chunks/dep-Ql2zlmoZ.js:31502:30)
    at async TransformPluginContextImpl.handler (file:///tmp/vue-project/.yarn/__virtual__/rolldown-vite-virtual-8903512173/3/home/adrien/.yarn/berry/cache/rolldown-vite-npm-7.1.5-4380f773b3-10c0.zip/node_modules/rolldown-vite/dist/node/chunks/dep-Ql2zlmoZ.js:31033:54)
    at async plugin (file:///home/adrien/.yarn/berry/cache/rolldown-npm-1.0.0-beta.34-18e8e8e076-10c0.zip/node_modules/rolldown/dist/shared/src-Chn1S4O2.mjs:2783:16)
    at async plugin.<computed> (file:///home/adrien/.yarn/berry/cache/rolldown-npm-1.0.0-beta.34-18e8e8e076-10c0.zip/node_modules/rolldown/dist/shared/src-Chn1S4O2.mjs:3417:12)
    at normalizeErrors (file:///home/adrien/.yarn/berry/cache/rolldown-npm-1.0.0-beta.34-18e8e8e076-10c0.zip/node_modules/rolldown/dist/shared/src-Chn1S4O2.mjs:2275:18)
    at handleOutputErrors (file:///home/adrien/.yarn/berry/cache/rolldown-npm-1.0.0-beta.34-18e8e8e076-10c0.zip/node_modules/rolldown/dist/shared/src-Chn1S4O2.mjs:3013:34)
    at transformToRollupOutput (file:///home/adrien/.yarn/berry/cache/rolldown-npm-1.0.0-beta.34-18e8e8e076-10c0.zip/node_modules/rolldown/dist/shared/src-Chn1S4O2.mjs:3007:2)
    at RolldownBuild.write (file:///home/adrien/.yarn/berry/cache/rolldown-npm-1.0.0-beta.34-18e8e8e076-10c0.zip/node_modules/rolldown/dist/shared/src-Chn1S4O2.mjs:4221:10)
    at async buildEnvironment (file:///tmp/vue-project/.yarn/__virtual__/rolldown-vite-virtual-8903512173/3/home/adrien/.yarn/berry/cache/rolldown-vite-npm-7.1.5-4380f773b3-10c0.zip/node_modules/rolldown-vite/dist/node/chunks/dep-Ql2zlmoZ.js:33366:64)
    at async Object.build (file:///tmp/vue-project/.yarn/__virtual__/rolldown-vite-virtual-8903512173/3/home/adrien/.yarn/berry/cache/rolldown-vite-npm-7.1.5-4380f773b3-10c0.zip/node_modules/rolldown-vite/dist/node/chunks/dep-Ql2zlmoZ.js:33780:19)
    at async Object.buildApp (file:///tmp/vue-project/.yarn/__virtual__/rolldown-vite-virtual-8903512173/3/home/adrien/.yarn/berry/cache/rolldown-vite-npm-7.1.5-4380f773b3-10c0.zip/node_modules/rolldown-vite/dist/node/chunks/dep-Ql2zlmoZ.js:33777:153)
    at async CAC.<anonymous> (file:///tmp/vue-project/.yarn/__virtual__/rolldown-vite-virtual-8903512173/3/home/adrien/.yarn/berry/cache/rolldown-vite-npm-7.1.5-4380f773b3-10c0.zip/node_modules/rolldown-vite/dist/node/cli.js:649:3)

Steps to Reproduce

  • yarn create vue
    • Typescript
    • Rolldown-vite
    • Skip example code
  • cd rolldown-sass-bug
  • yarn set version stable
  • yarn
  • yarn vite build -> OK
  • yarn add vuetify
  • yarn add -D sass-embedded
  • Add src/sass/fonts.scss
  • Add import in src/main.ts
  • yarn vite build -> Fail.
  • enableNativePlugin: false
  • yarn vite build -> OK.

System Info

System:
    OS: Linux 6.12 Debian GNU/Linux forky/sid
    CPU: (8) x64 Intel(R) Core(TM) i7-8650U CPU @ 1.90GHz
    Memory: 18.59 GB / 31.21 GB
    Container: Yes
    Shell: 4.0.2 - /usr/bin/fish
  Binaries:
    Node: 20.19.2 - /run/user/1000/fnm_multishells/65879_1756133440971/bin/node
    Yarn: 4.9.3 - ~/.yarn/bin/yarn
    npm: 10.8.2 - /run/user/1000/fnm_multishells/65879_1756133440971/bin/npm
    bun: 1.2.8 - ~/.local/bin/bun
  Browsers:
    Chromium: 139.0.7258.66

Used Package Manager

yarn

Logs

No response

Validations

Metadata

Metadata

Assignees

No one assigned

    Labels

    feat: native pluginsrelated to exprimental.enableNativePlugins

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions