Uncaught ReferenceError: function is not defined with onclick

Never use .onclick(), or similar attributes from a userscript! (It’s also poor practice in a regular web page). The reason is that userscripts operate in a sandbox (“isolated world”), and onclick operates in the target-page scope and cannot see any functions your script creates. Always use addEventListener()Doc (or an equivalent library function, like jQuery .on()). … Read more

Trying to use fetch and pass in mode: no-cors

I can hit this endpoint, http://catfacts-api.appspot.com/api/facts?number=99 via Postman and it returns JSON Additionally I am using create-react-app and would like to avoid setting up any server config. In my client code I am trying to use fetch to do the same thing, but I get the error: No ‘Access-Control-Allow-Origin’ header is present on the requested … Read more

TypeError: $(…).DataTable is not a function

CAUSE There could be multiple reasons for this error. jQuery DataTables library is missing. jQuery library is loaded after jQuery DataTables. Multiple versions of jQuery library is loaded. SOLUTION Include only one version of jQuery library version 1.7 or newer before jQuery DataTables. For example: See jQuery DataTables: Common JavaScript console errors for more information … Read more

how to download file in react js

Triggering browser download from front-end is not reliable. What you should do is, create an endpoint that when called, will provide the correct response headers, thus triggering the browser download. Front-end code can only do so much. The ‘download’ attribute for example, might just open the file in a new tab depending on the browser. … Read more