ReferenceError não capturado: test (function) is not defined

Estou tendo dificuldade em descobrir exatamente qual é o problema na minha chamada de função. Iv “e tentei uma série de coisas, como definir minha chamada antes de ser usada e colocar a tag de referência do script para jquery acima de tudo. Nada parece funcionar.

test = function() {}; test(); 

Meu código está abaixo:

<link rel="stylesheet" type="text/css" href="/sites/SPAPPS02/creditmemo/SiteAssets/Credit%20Memo.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script type="text/javascript"> $(document).ready(function() { ExecuteOrDelayUntilScriptLoaded(OnLoad, "sp.js"); function OnLoad() { $("#calc").click(function() { test(); }); } }); </script> 

Minha função fica em um arquivo separado.

function test() { console.log("Success!"); } 

A mensagem de erro completa está abaixo:

Home.aspx:889 Uncaught ReferenceError: test is not defined at HTMLInputElement.<anonymous> (Home.aspx:889) at HTMLInputElement.dispatch (jquery.min.js:2) at HTMLInputElement.v.handle (jquery.min.js:2)