Nuxt3集成AWS-Amplify构建时'request'未导出错误的解决方案咨询

算力阿峰

2026-8-3

Nuxt3 + AWS Amplify 构建报错解决方案

针对你在执行npm run generate时遇到的'request' is not exported by __vite-browser-external错误（源于@aws-sdk与Vite的兼容性问题），提供以下解决建议：

方案一：添加Node.js模块Polyfill

通过Vite插件为浏览器环境补全缺失的Node.js核心模块：

安装依赖：

npm install vite-plugin-node-polyfills --save-dev

修改nuxt.config.ts，配置Vite插件：

import { nodePolyfills } from 'vite-plugin-node-polyfills'

export default defineNuxtConfig({
  vite: {
    plugins: [
      nodePolyfills({
        // 补全@aws-sdk依赖的核心模块
        include: ['http', 'https', 'stream', 'crypto', 'util', 'url'],
        exclude: ['fs'], // 排除不需要的文件系统模块
      }),
    ],
    resolve: {
      alias: {
        // 指向Amplify的浏览器端配置文件
        './runtimeConfig': './runtimeConfig.browser',
      },
    },
  },
})

方案二：仅在客户端加载Amplify

认证功能通常仅在浏览器环境生效，可调整Nuxt插件代码，避免服务端引入Node.js依赖：

export default defineNuxtPlugin(async () => {
  // 仅在客户端执行Amplify配置
  if (process.client) {
    const { Amplify } = await import('aws-amplify')
    Amplify.configure(/* 你的Amplify配置对象 */)
  }
})

方案三：使用Nuxt官方Amplify模块

官方封装的模块已处理好Vite兼容性，无需手动配置：

安装模块：

npm install @nuxtjs/amplify

修改nuxt.config.ts配置：

export default defineNuxtConfig({
  modules: ['@nuxtjs/amplify'],
  amplify: {
    // 填入你的Amplify认证配置
    aws_cognito_region: '你的区域ID',
    aws_user_pools_id: '你的用户池ID',
    aws_user_pools_web_client_id: '你的客户端ID',
    // 其他配置项根据需求添加
  }
})