I am currently attempting to integrate Stripe Checkout into my Ionic App. I have created a Directive that injects the form into my content view, however, upon execution, the CSS fails due to a content policy violation:
checkout.js:2Refused to load the stylesheet '' because it violates the following Content Security Policy directive: "style-src 'self' 'unsafe-inline'". append @ checkout.js:2Button.append @ checkout.js:2(anonymous function) @ checkout.js:2Button.load @ checkout.js:2(anonymous function) @ checkout.js:2(anonymous function) @ checkout.js:2
Despite trying to define various configurations in my meta tag for content policy, I am unable to resolve the issue. What could be causing this error?
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src * 'self' 'unsafe-inline' localhost:* https://bnc.lt https://api.branch.io amazonaws.com amazonaws.com.cn checkout.stripe.com 'unsafe-eval';">