Magento 2: getting error when calling external js file using require-js-config.js

Question

I am trying to call the external js file using requiresjs

require-js-config.js:

var config = {
    map: {
        '*': {
            Stronghold:'https://api.strongholdpay.com/v2/js'
        }
    },shim: {
            "Stronghold": {
                'deps': ["jquery"]
            }
        }
};

Js file call

require(['jquery','jquery/ui','Stronghold'], function($,Stronghold){

  var strongholdPay = Stronghold.Pay({
      environment: 'xxxxxxxxx',
      publishableKey: 'xxxxxxxxxx'
  });

});

Error:

Uncaught TypeError: Stronghold is undefined

Answer 1

In your require-js-config.js: add code like this one :

var config = {
  paths: {
    'Stronghold': 'https://api.strongholdpay.com/v2/js'
  }
};

And now in phtml file called like this one :

require(['jquery','jquery/ui','Stronghold'], function($,Stronghold){
  var strongholdPay = new Stronghold();
       OR
  var strongholdPay = Stronghold.Pay({
      environment: 'xxxxxxxxx',
      publishableKey: 'xxxxxxxxxx'
  });

});