topic Re: Accept Hosted form angular.min.js.map 404 error in Integration and Testing

Accept Hosted form angular.min.js.map 404 error

coppercup — Thu, 19 Apr 2018 15:47:06 GMT

Were am getting a 404 Not Found console error when loading the Accept Hosted form in an iframe on the resource file https://test.authorize.net/payment/scripts/lib/angular.min.js.map.

It is not referenced directly in the response source, but still getting the error in the console. I know it's a map file and probably not a big deal, but I would still like to see it resolved.

Re: Accept Hosted form angular.min.js.map 404 error

angie — Thu, 19 Apr 2018 23:13:00 GMT

Hello,

I tested and cannot repro this issue.

Which browser are you using?

Thanks,

Angie

Re: Accept Hosted form angular.min.js.map 404 error

coppercup — Wed, 08 Aug 2018 18:01:49 GMT

Hi @angie, my apologies for the delayed response. I had to pull off of that project for a while.

I get the error in Safari on Mac.

Interestingly, when I tested it in Firefox, I got a Content Security Policy error: "The page's settings blocked the loading of a resource at self ("script-src"). Source: onfocusin attribute on DIV element." followed by the same status 404 error on the attempt to load https://test.authorize.net/payment/scripts/lib/angular.min.js.

Since we don't have any inline JS or onfocusin attributes in our code, I researched and found that Angular can trigger CSP errors unless 'unsafe-inline' is allowed in the CSP script src directive. (See https://stackoverflow.com/questions/50774193/angular-6-content-security-policy-the-page-s-settings-blocked-the-loading-of-a).

When I allowed unsafe-inline in the script src CSP directive, both errors went away in Firefox, however Safari still gives the same 404 error on angular.min.js (though no CSP errors).