Fresh vue project fails with yarn dev due to missing undeclared dependency

[white-gecko]

When I create a minimal fresh vue project with yarn 4.14.1 resp. 4.17.1 I get the following error, when I run yarn dev.

Error: Your application tried to access rolldown, but it isn't declared in your dependencies; this makes the require call ambiguous and unsound.

When I add rolldown it just goes on with picomatch, … I did it for a while but not until the end.

What am I doing wrong, or is this a bug?

The only thing I found about it is: https://blog.path-finder.jp/troubleshooting/vite-8-rolldown-resolve-plugin-troubleshooting-202/
it suggests to

Install that package into your manifest using your package manager.

but is there some way to do it for all of the peer dependencies at once? Is this the right way?

This is my log output:

$ yarn dlx create-vue@latest
! Corepack is about to download https://repo.yarnpkg.com/4.14.1/packages/yarnpkg-cli/bin/yarn.js
? Do you want to continue? [Y/n] 

➤ YN0000: · Yarn 4.14.1
➤ YN0000: ┌ Resolution step
➤ YN0085: │ + create-vue@npm:3.22.4
➤ YN0000: └ Completed in 0s 322ms
➤ YN0000: ┌ Fetch step
➤ YN0013: │ A package was added to the project (+ 269.25 KiB).
➤ YN0000: └ Completed
➤ YN0000: ┌ Link step
➤ YN0092: │ ESM support for PnP uses the experimental loader API and is therefore experimental
➤ YN0000: └ Completed
➤ YN0000: · Done with warnings in 0s 370ms

┌  Vue.js - The Progressive JavaScript Framework
│
◇  Project name (target directory):
│  vue-project
│
◇  Use TypeScript?
│  No
│
◇  Select features to include in your project: (↑/↓ to navigate, space to select, a to toggle all, enter to confirm)
│  none
│
◇  Select experimental features to include in your project: (↑/↓ to navigate, space to select, a to toggle all, enter to confirm)
│  none
│
◇  Skip all example code and start with a blank Vue project?
│  Yes

Scaffolding project in /home/me/Workspace/vue-project...
│
└  Done. Now run:

   cd vue-project
   yarn
   yarn dev

| Optional: Initialize Git in your project directory with:

   git init && git add -A && git commit -m "initial commit"


$ cd vue-project/
$ ls -a -1
./
../
.gitignore
index.html
jsconfig.json
package.json
.pnp.cjs*
.pnp.loader.mjs
public/
README.md
src/
vite.config.js
.vscode/
.yarn/
yarn.lock

$ cat package.json 
{
  "name": "vue-project",
  "version": "0.0.0",
  "private": true,
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.5.38"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^6.0.7",
    "vite": "^8.0.16",
    "vite-plugin-vue-devtools": "^8.1.2"
  },
  "engines": {
    "node": "^22.18.0 || >=24.12.0"
  }
}

$ yarn --version
1.22.22

$ yarn set version stable
➤ YN0000: Done in 0s 5ms

$ yarn --version
4.17.1

$ yarn
➤ YN0000: · Yarn 4.17.1
➤ YN0000: ┌ Resolution step
➤ YN0085: │ + @vitejs/plugin-vue@npm:6.0.8, vite-plugin-vue-devtools@npm:8.1.5, vite@npm:8.1.4, vue@npm:3.5.39, @babel/code-frame@npm:7.29.7, @babel/compat-data@npm:7.29.7, @babel/core@npm:7.29.7, @babel/generator@npm:7.29.7, @babel/helper-annotate-as-pure@npm:7.29.7, and 160 more.
➤ YN0000: └ Completed in 1s 192ms
➤ YN0000: ┌ Post-resolution validation
➤ YN0086: │ Some peer dependencies are incorrectly met by dependencies; run yarn explain peer-requirements for details.
➤ YN0000: └ Completed
➤ YN0000: ┌ Fetch step
➤ YN0000: └ Completed
➤ YN0000: ┌ Link step
➤ YN0092: │ ESM support for PnP uses the experimental loader API and is therefore experimental
➤ YN0000: └ Completed in 0s 219ms
➤ YN0000: · Done with warnings in 1s 536ms

$ yarn dev

node:internal/process/promises:394
    triggerUncaughtException(err, true /* fromPromise */);
    ^
Error: Your application tried to access rolldown, but it isn't declared in your dependencies; this makes the require call ambiguous and unsound.

Required package: rolldown (via "rolldown/parseAst")
Required by: /home/me/Workspace/vue-project/.yarn/__virtual__/vite-virtual-e06b09c884/6/.yarn/berry/cache/vite-npm-8.1.4-171fd6fd71-10c0.zip/node_modules/vite/dist/node/chunks/node.js

    at makeError (/home/me/Workspace/vue-project/.pnp.cjs:7890:34)
    at resolveToUnqualified (/home/me/Workspace/vue-project/.pnp.cjs:9526:21)
    at resolveRequest (/home/me/Workspace/vue-project/.pnp.cjs:9664:31)
    at Object.resolveRequest (/home/me/Workspace/vue-project/.pnp.cjs:9727:26)
    at resolve$1 (file:///home/me/Workspace/vue-project/.pnp.loader.mjs:2046:21)
    at nextResolve (node:internal/modules/esm/hooks:748:28)
    at Hooks.resolve (node:internal/modules/esm/hooks:240:30)
    at handleMessage (node:internal/modules/esm/worker:199:24)
    at Immediate.checkForMessages (node:internal/modules/esm/worker:141:28)
    at process.processImmediate (node:internal/timers:484:21)

Node.js v22.22.2

[barry166]

You should not need to add rolldown, picomatch, etc. to the app one by one. In vite@8.1.4 those are dependencies of Vite itself, so this looks like a Yarn PnP resolution/compatibility issue rather than missing peer dependencies in your Vue app.

The practical workaround is to run this scaffold with the node-modules linker for now:

yarn config set nodeLinker node-modules
rm -f .pnp.cjs .pnp.loader.mjs
rm -rf node_modules .yarn/cache
yarn install
yarn dev

If you want to stay on PnP, use packageExtensions for the package Yarn reports as making the undeclared access, but manually installing every missing transitive dependency is the wrong direction.

[baiwusanyu-c]

You can seek help from the Vite community