this.winRef.nativeWindow.Razorpay不是构造函数

Question

我使用的是角度4，Project，我必须在这个项目中集成剃刀，它在测试、开发环境中工作得很好，但是它在特定的环境中抛出了一个错误，在活动环境中抛出了下面的错误。

vendor.cdeb9a8730a2fc78a675.bundle.js:1 ERROR TypeError: this.winRef.nativeWindow.Razorpay不是构造函数

码

  rzp1:any; 
    this.rzp1 = new this.winRef.nativeWindow.Razorpay(this.paymentOptions, successCallback, cancelCallback);
        this.rzp1.open(this.paymentOptions, successCallback, cancelCallback);      

窗口参考服务

import { Injectable } from '@angular/core';

function _window() : any {
   // return the global native browser window object
   return window;
}

@Injectable()
export class WindowRefService {
   get nativeWindow() : any {
      return _window();
   }
}

Answer 1

启用内容安全性的

已经为特定域启用了内容安全性，该域停止加载外部js文件，我要求服务器团队对Razorpay (https://checkout.razorpay.com/v1/checkout.js)进行白名单，然后将其正常工作。