All build scripts fail when creating a new vite project in a Yarn monorepo

### Describe the bug

I created a Vite project inside a monorepo managed with Yarn workspaces. I created a new Vite project (`react-ts` template) inside the monorepo, installed its dependencies, and ran it with `yarn dev`.

I have tried with `vue-ts`, `react-ts`, and `vanilla-ts`. The only config that worked was `vanilla-ts` It appears that any template that produces a `vite.config.ts` file fails.

# Expected

Should run Vite project dev server.

# Actual

Fails with a number of errors

```shell
✘ [ERROR] [plugin externalize-deps] Cannot find package 'vite' imported from /Users/hans/Code/nodeland/test/packages/vite-project/vite.config.ts

    ../../.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1327:27:
      1327 │         let result = await callback({
           ╵                            ^
```

```shell
✘ [ERROR] [plugin externalize-deps] Cannot find package '@vitejs/plugin-react' imported from /Users/hans/Code/nodeland/test/packages/vite-project/vite.config.ts

    ../../.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1327:27:
      1327 │         let result = await callback({
           ╵                            ^
```

### Reproduction

https://github.com/hansoksendahl/vite-bug

### Steps to reproduce

- `$ mkdir [REPO_NAME]`
- `$ cd [REPO_NAME]`
- `$ yarn init -2`
- `$ mkdir packages`
- Add the following to package.json
  ```json
  {
    "workspaces": [
      "packages/*"
    ]
  }
  ```
- `$ cd packages`
- `$ yarn create vite vite-project --template react-ts`
- `$ cd vite-project`
- `$ yarn`
- `$ yarn dev`

### System Info

```shell
System:
    OS: macOS 12.5.1
    CPU: (4) x64 Intel(R) Core(TM) i5-5257U CPU @ 2.70GHz
    Memory: 103.40 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.18.0 - ~/.nvm/versions/node/v16.18.0/bin/node
    Yarn: 3.2.4 - ~/.nvm/versions/node/v16.18.0/bin/yarn
    npm: 8.19.2 - ~/.nvm/versions/node/v16.18.0/bin/npm
  Browsers:
    Chrome: 106.0.5249.119
    Safari: 15.6.1
```


### Used Package Manager

yarn

### Logs

<details>
<summary>Click to expand!</summary>

```shell
❯ yarn vite --debug
✘ [ERROR] [plugin externalize-deps] Cannot find package 'vite' imported from /Users/hans/Code/nodeland/test/packages/vite-project/vite.config.ts

    ../../.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1327:27:
      1327 │         let result = await callback({
           ╵                            ^

    at new NodeError (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:508:5)
    at packageResolve (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:1719:9)
    at moduleResolve (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:1776:20)
    at defaultResolve (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:1924:15)
    at resolve$4 (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:1962:12)
    at file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:65687:46
    at requestCallbacks.on-resolve (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1327:28)
    at handleRequest (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:697:19)
    at handleIncomingPacket (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:719:7)
    at Socket.readFromStdout (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:647:7)

  This error came from the "onResolve" callback registered here:

    ../../.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1251:20:
      1251 │       let promise = setup({
           ╵                     ^

    at setup (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:65670:27)
    at handlePlugins (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1251:21)
    at buildOrServeImpl (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:942:5)
    at Object.buildOrServe (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:750:5)
    at /Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:2085:17
    at new Promise (<anonymous>)
    at Object.build (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:2084:14)
    at build (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1931:51)
    at bundleConfigFile (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:65648:26)

  The plugin "externalize-deps" was triggered by this import

    vite.config.ts:1:363:
      1 │ ...ig.ts";const __vite_injected_original_import_meta_url = "file:///Users/hans/Code/nodeland/test/packages/vite-project/vite.config.ts";import { defineConfig } from 'vite'
        ╵                                                                                                                                                                      ~~~~~~

✘ [ERROR] [plugin externalize-deps] Cannot find package '@vitejs/plugin-react' imported from /Users/hans/Code/nodeland/test/packages/vite-project/vite.config.ts

    ../../.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1327:27:
      1327 │         let result = await callback({
           ╵                            ^

    at new NodeError (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:508:5)
    at packageResolve (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:1719:9)
    at moduleResolve (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:1776:20)
    at defaultResolve (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:1924:15)
    at resolve$4 (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:1962:12)
    at file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:65687:46
    at requestCallbacks.on-resolve (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1327:28)
    at handleRequest (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:697:19)
    at handleIncomingPacket (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:719:7)
    at Socket.readFromStdout (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:647:7)

  This error came from the "onResolve" callback registered here:

    ../../.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1251:20:
      1251 │       let promise = setup({
           ╵                     ^

    at setup (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:65670:27)
    at handlePlugins (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1251:21)
    at buildOrServeImpl (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:942:5)
    at Object.buildOrServe (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:750:5)
    at /Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:2085:17
    at new Promise (<anonymous>)
    at Object.build (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:2084:14)
    at build (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1931:51)
    at bundleConfigFile (file:///Users/hans/Code/nodeland/test/.yarn/__virtual__/vite-virtual-1d36e0d65e/0/cache/vite-npm-3.2.0-8a4dc272ca-2b3acfe745.zip/node_modules/vite/dist/node/chunks/dep-61d2428a.js:65648:26)

  The plugin "externalize-deps" was triggered by this import

    vite.config.ts:2:18:
      2 │ import react from '@vitejs/plugin-react'
        ╵                   ~~~~~~~~~~~~~~~~~~~~~~

failed to load config from /Users/hans/Code/nodeland/test/packages/vite-project/vite.config.ts
error when starting dev server:
Error: Build failed with 2 errors:
../../.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1327:27: ERROR: [plugin: externalize-deps] Cannot find package '@vitejs/plugin-react' imported from /Users/hans/Code/nodeland/test/packages/vite-project/vite.config.ts
../../.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1327:27: ERROR: [plugin: externalize-deps] Cannot find package 'vite' imported from /Users/hans/Code/nodeland/test/packages/vite-project/vite.config.ts
    at failureErrorWithLog (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1566:15)
    at /Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1024:28
    at runOnEndCallbacks (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1438:61)
    at buildResponseToResult (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1022:7)
    at /Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:1134:14
    at responseCallbacks.<computed> (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:671:9)
    at handleIncomingPacket (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:726:9)
    at Socket.readFromStdout (/Users/hans/Code/nodeland/test/.yarn/unplugged/esbuild-npm-0.15.12-0d999cf382/node_modules/esbuild/lib/main.js:647:7)
    at Socket.emit (node:events:513:28)
    at addChunk (node:internal/streams/readable:315:12)
```
</details>

### Validations

- [X] Follow our [Code of Conduct](https://github.com/vitejs/vite/blob/main/CODE_OF_CONDUCT.md)
- [X] Read the [Contributing Guidelines](https://github.com/vitejs/vite/blob/main/CONTRIBUTING.md).
- [X] Read the [docs](https://vitejs.dev/guide).
- [X] Check that there isn't [already an issue](https://github.com/vitejs/vite/issues) that reports the same bug to avoid creating a duplicate.
- [X] Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to [vuejs/core](https://github.com/vuejs/core) instead.
- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vitejs/vite/discussions) or join our [Discord Chat Server](https://chat.vitejs.dev/).
- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

All build scripts fail when creating a new vite project in a Yarn monorepo #10652

Describe the bug

Expected

Actual

Reproduction

Steps to reproduce

System Info

Used Package Manager

Logs

Validations

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Uh oh!

All build scripts fail when creating a new vite project in a Yarn monorepo #10652

Description

Describe the bug

Expected

Actual

Reproduction

Steps to reproduce

System Info

Used Package Manager

Logs

Validations

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions