在Angular 9中，如果你遇到了SSR（服务端渲染）时出现“ReferenceError: stripe.elements 未定义”的报错，这可能是由于在服务器端尚未正确加载Stripe的JavaScript代码而导致的。

为了解决这个问题，你可以尝试以下几个步骤：

1. 确保你在Angular项目中正确导入了Stripe的JavaScript代码。你可以使用Stripe的官方库，或者使用npm安装@stripe/stripe-js并导入。

   import { loadStripe } from '@stripe/stripe-js';
   
   const stripePromise = loadStripe('your_publishable_key');
   

2. 在你的组件中，使用isPlatformServer来检查当前是否在服务器端运行，并在服务器端渲染时加载Stripe的JavaScript代码。

   import { Component, Inject, PLATFORM_ID } from '@angular/core';
   import { isPlatformServer } from '@angular/common';
   import { loadStripe } from '@stripe/stripe-js';
   
   @Component({...})
   export class MyComponent {
     constructor(@Inject(PLATFORM_ID) private platformId: Object) {
       if (isPlatformServer(this.platformId)) {
         // 在服务器端渲染时加载Stripe的JavaScript代码
         const stripePromise = loadStripe('your_publishable_key');
       }
     }
   }
   

3. 在组件的模板中，使用*ngIf来确保只在客户端渲染时加载Stripe的JavaScript代码。

   在组件中，你需要定义一个isServer的变量，并在构造函数中根据当前平台设置它的值。

   export class MyComponent {
     isServer: boolean;
   
     constructor(@Inject(PLATFORM_ID) private platformId: Object) {
       this.isServer = isPlatformServer(this.platformId);
     }
   }
   

通过以上步骤，你应该能够解决“ReferenceError: stripe.elements 未定义”的问题，并且在Angular 9的SSR中正确加载Stripe的JavaScript代码。