Amplify-Flutter Web配置报错：已配置后无法添加插件

问题原因 #

你的代码在两个地方调用了_configureAmplify：main函数初始化时调用一次，MyApp的initState里又调用一次。Web端的初始化/热重载机制会导致这个方法被执行两次，触发Amplify重复配置的异常；而移动端的生命周期逻辑不会触发重复调用，所以能正常运行。

解决步骤 #

1. 移除重复的配置调用：删掉MyApp的initState里的_configureAmplify()调用
2. 添加配置前置检查：在_configureAmplify方法开头先判断Amplify是否已经配置，避免重复执行

修改后的代码示例 #

优化_configureAmplify方法 #

Future<void> _configureAmplify() async {
  // 先检查是否已配置，避免重复操作
  if (Amplify.isConfigured) {
    return;
  }
  
  try {
    final auth = AmplifyAuthCognito();
    await Amplify.addPlugin(auth);

    await Amplify.configure(amplifyconfig);
  } on Exception catch (e) {
    safePrint('An error occurred configuring Amplify: $e');
  }
}

修改_MyAppState的initState #

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    // 移除此处的_configureAmplify()调用
  }
  
  // 其余代码保持不变...
}

额外提示 #

如果Web端热重载仍偶尔出现提示，可以优化main函数的异常捕获逻辑：

try {
  await _configureAmplify();
  isAmplifySuccessfullyConfigured = true;
} on AmplifyAlreadyConfiguredException {
  debugPrint('Amplify已配置，无需重复操作');
}

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