Nuxt3 AWS-Amplify 错误：“请求”未由 __vite-browser-external 导出，

Question

我在Nuxt3中使用AWS-amplify进行用户身份验证。AWS-amplify 使用内置的 @aws-sdk，一旦我尝试运行构建命令，就会产生错误。

将此代码添加到我的插件后：

import { Amplify } from 'aws-amplify';

Amplify.configure(config);

我尝试构建我的项目：npm run generate并收到以下错误

“request”不是由 __vite-browser-external 导出的，而是由 node_modules/@aws-sdk/credential-provider-imds/dist/es/remoteProvider/httpRequest.js 导入的

我在 GitHub 上看到 @aws-sdk 这是 vite 的常见错误。

对Nuxt有什么建议或解决方法吗？

Answer 1

我通过将以下代码粘贴到nuxt.config.tsvite的对象中解决了我的问题。

vite: {
    define: {
      "process.env.DEBUG": false,
      "window.global": {},
    },
    resolve: {
      alias: {
        "./runtimeConfig": "./runtimeConfig.browser", //fix production build
      },
    },
  },