I am trying to implement this simple example using creditcard.js
<div class="ccjs-card"> <label class="ccjs-number"> Card Number <input name="card-number" class="ccjs-number" placeholder="•••• •••• •••• ••••"/> </label> </div>
The above is in a Lightning component displayed from a VF page using Lightning out and the includeLightning tag.
Now, when I include the JS Static resource I get the following error:
This page has an error. You might just need to refresh it. [NoErrorObjectAvailable] Script error.
The EXACT same code on a straight VF page works fine.
Using a differentt JS file I do not seem to get the Cross Site error but I get:
Uncaught TypeError: Cannot set property 'payform' of undefined throws at /resource/ xxxxxx /js/payform.min.js:3:278
Basically Locker is a blocker....
Now, the weird part is, when the lightning component is loaded within the Lightning experience it works fine......
Does anyone know how to resolve this?
What is this Error Object it speaks of.....
Am I just going to have to find something else....
An additional item is that when locker service is enabled it is impossible to use External JS due to: https://success.salesforce.com/issues_view?id=a1p3A00000189YMQAY