Failed to resolve import "#build/plugins" when adding alias for @vue/composition-api

[Kunoacc]

Environment

• Operating System: Darwin
• Node Version: v16.11.1
• Nuxt Version: 3.0.0-27258294.bdbfa36
• Package Manager: yarn@1.22.15
• Bundler: Vite
• User Config: build, vite
• Runtime Modules: -
• Build Modules: -

Describe the bug

Adding resolve.alias throws an error on dev and build, Failed to resolve import "#build/plugins" from "node_modules/nuxt3/dist/app/entry.mjs". Does the file exist?

at formatError (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:42189:46)
  at TransformContext.error (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:42185:19)
  at normalizeUrl (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:67281:26)
  at async TransformContext.transform (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:67421:57)
  at async Object.transform (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:42396:30)
  at async doTransform (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:56797:29)


 ERROR  [vite:load-fallback] Could not load  (imported by node_modules/nuxt3/dist/app/entry.mjs): ENOENT: no such file or directory, open '' 

Reproduction

https://codesandbox.io/s/blissful-ellis-37b43?file=/nuxt.config.ts

Create a fresh Nuxt 3 project and copy this into your nuxt.config.js:

import { defineNuxtConfig } from 'nuxt3'

export default defineNuxtConfig({
  vite: {
    resolve: {
      alias: [
        {
          find: /^@vue\/composition-api$/,
          replacement: "@vue/composition-api/dist/vue-composition-api.mjs",
        }
      ],
    },
  },
});

Additional context

This issue with an update to vue-demi prompted me to add the alias resolves

Logs

Failed to resolve import "#build/plugins" from "node_modules/nuxt3/dist/app/entry.mjs". Does the file exist?                                                                  10:49:36

  at formatError (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:42189:46)
  at TransformContext.error (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:42185:19)
  at normalizeUrl (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:67281:26)
  at async TransformContext.transform (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:67421:57)
  at async Object.transform (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:42396:30)
  at async doTransform (node_modules/vite/dist/node/chunks/dep-85dbaaa7.js:56797:29)


 ERROR  [vite:load-fallback] Could not load  (imported by node_modules/nuxt3/dist/app/entry.mjs): ENOENT: no such file or directory, open ''                                          10:49:36


 ERROR  Could not load  (imported by node_modules/nuxt3/dist/app/entry.mjs): ENOENT: no such file or directory, open ''                                                               10:49:36



error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

[danielroe]

I'm confused - why are you using @vue/composition-api in a vue 3 project?

This seems an issue with how Vite is merging your array and the default Nuxt aliases. For now, you should use the top level alias property rather than directly editing vite.resolve.alias: example.

[danielroe]

This is no longer reproducible.