Unable to use AWS v3 SDK due to error: Identifier 'module' has already been declared

Environment

Nuxt CLI v3.0.0-rc.3 RootDir: /Volumes/SuperData/Sites/reelcrafter/v2-microservices Nuxt project info:

---

• Operating System: Darwin
• Node Version: v14.19.1
• Nuxt Version: 3.0.0-rc.3
• Package Manager: yarn@3.0.2
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-d2pz9b?file=app.vue

Describe the bug

When importing and using classes and functions from the AWS v3 SDK, the following error is thrown when loading the Nuxt app in a browser:

[nuxt] [request error] Identifier 'module' has already been declared
  at Loader.moduleStrategy (internal/modules/esm/translators.js:145:18)
  at async link (internal/modules/esm/module_job.js:67:21)

Additional context

No response

Logs

No response

[danielroe]

This is no longer reproducible on latest RC, with the new vite-node devBundler (enabled by default): https://stackblitz.com/edit/github-d2pz9b-b9tyjs.

[ffxsam]

I’ve worked around this module issue in AWS Amplify by just creating a Nuxt plugin:

plugins/graphql.client.ts

import { API } from 'aws-amplify';

export default defineNuxtPlugin(() => {
  return {
    provide: { API },
  };
});

Then whenever I want to use the API:

const { $API } = useNuxtApp();
const data = await $API.graphql(...);