在使用AWS Amplify、Angular和SSO（单点登录）时遇到"无效状态"的问题，可能是由于身份验证过程中的某些配置或代码错误导致的。以下是可能的解决方法，包含一些代码示例：

1. 确保正确配置AWS Amplify和Angular：

• 在Angular项目的根目录下执行以下命令安装AWS Amplify：

npm install aws-amplify

• 在Angular项目的根模块中引入AWS Amplify和AWS模块，并配置AWS Amplify：

import Amplify from 'aws-amplify';
import awsconfig from './aws-exports';

Amplify.configure(awsconfig);

2. 配置AWS SSO：

• 在AWS控制台中，找到并打开AWS SSO服务。

• 创建一个应用程序和SSO访问策略，确保将应用程序关联到您的Angular应用程序。

3. 在Angular中实现SSO登录：

• 创建一个登录组件，在该组件中使用AWS Amplify提供的Auth模块进行登录。

import { Component } from '@angular/core';
import { Auth } from 'aws-amplify';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent {

  constructor() { }

  async login() {
    try {
      await Auth.federatedSignIn();
    } catch (error) {
      console.log('Error signing in:', error);
    }
  }

}

• 在登录组件的HTML模板中，添加一个按钮或链接，调用上述登录方法。

Login with SSO

4. 配置AWS SSO回调URL：

• 在AWS SSO控制台中，找到您的应用程序，并将SSO回调URL配置为您的Angular应用程序的登录回调URL。

5. 更新AWS Amplify配置：

• 在Angular项目的根目录下找到aws-exports.js文件，并确保其中的redirectSignIn和redirectSignOut属性值与您的SSO回调URL相匹配。

6. 重新构建和部署Angular应用程序。

这些解决方法应该可以帮助您解决"无效状态"的问题。请根据您的实际情况和需求进行相应的调整和配置。