Electron+Angular2+aws-amplify Auth集成问题：Electron中Auth未定义

我之前在整合这几个技术栈的时候也碰到过一模一样的问题——浏览器里运行完全正常，但Electron启动就抛出ERROR ReferenceError: Auth is not defined。本质是Electron的运行环境和浏览器存在差异，给你几个亲测有效的解决办法：

1. 显式导入Auth模块，避免依赖全局挂载 #

不要默认依赖Auth自动全局可用，在需要使用的组件或服务里显式导入：

// 比如你的登录组件login.component.ts
import { Auth } from 'aws-amplify';

async signIn() {
  try {
    const user = await Auth.signIn(this.username, this.password);
    // 处理登录成功逻辑
  } catch (error) {
    console.error('登录失败:', error);
  }
}

如果还是存在全局找不到的问题，可以在Angular入口文件main.ts里把Auth挂载到全局对象，适配Electron环境：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { Auth } from 'aws-amplify';

// 挂载到全局，让Electron渲染进程能稳定访问到
(window as any).Auth = Auth;

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

2. 配置Angular CLI确保Amplify被正确打包 #

Angular CLI的tree-shaking机制可能会误判未被显式引用的模块，导致Amplify没有被打包进Electron资源。你可以在angular.json的构建配置中添加Amplify的脚本：

{
  "projects": {
    "your-project-name": {
      "architect": {
        "build": {
          "options": {
            "scripts": [
              "./node_modules/aws-amplify/dist/aws-amplify.min.js"
            ]
          }
        }
      }
    }
  }
}

3. 适配Electron的Context Isolation配置（如果启用） #

如果你的Electron开启了contextIsolation（出于安全建议通常会开启），需要通过contextBridge把Auth暴露给渲染进程：

1. 创建preload.js文件：

const { contextBridge } = require('electron');
const { Auth } = require('aws-amplify');

// 把Auth安全暴露给渲染进程的window对象
contextBridge.exposeInMainWorld('Auth', Auth);

2. 在Electron主进程的窗口配置中指定preload：

const { BrowserWindow } = require('electron');
const path = require('path');

function createWindow() {
  const mainWindow = new BrowserWindow({
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
      contextIsolation: true,
      nodeIntegration: false
    }
  });

  mainWindow.loadURL('http://localhost:4200'); // 或本地构建后的index.html路径
}

之后在Angular组件里就可以通过window.Auth访问到模块了。

4. 清理缓存重新构建 #

旧的构建缓存可能导致模块加载异常，执行以下命令彻底清理后重新构建：

ng clean
rm -rf node_modules package-lock.json
npm install
ng build --prod

再重新启动Electron应用即可。

内容的提问来源于stack exchange，提问作者user3594184