MIME type issues with functions?

Refused to execute script from 'https://example.com/myfunction.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
CODE:

<!DOCTYPE html>
<html>
  <head>
    <script src="./myfunction.js"</script>
  </head>
  <body>
    <button onclick="bodyTest()">TEST</button>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <script src="./myfunction.js"</script>
  </head>
  <body>
    <button onclick="bodyTest()">TEST</button>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <script src="./myfunction.js"</script>
  </head>
  <body>
    <button onclick="bodyTest()">TEST</button>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <script src="./myfunction.js"</script>
  </head>
  <body>
    <button onclick="bodyTest()">TEST</button>
  </body>
</html>

function bodyTest(){
  return("hello, world!");
}

function bodyTest(){
  return("hello, world!");
}

function bodyTest(){
  return("hello, world!");
}

function bodyTest(){
  return("hello, world!");
}

I am not exactly sure what I am doing wrong..

Walshy•7/7/23, 6:37 AM

Are you using Pages Functions?

Walshy•7/7/23, 6:37 AM

or is this a normal js file you want to execute?

Walshy•7/7/23, 6:37 AM

If the former, you don't call it in your HTML, it's just invoked when you go to the path

Catt0sOP•7/7/23, 4:44 PM

Pages function, since the goal is for it to interact with D1

Catt0sOP•7/7/23, 6:43 PM

I understand what you mean now, but this means that I need to have a function to get my HTML and return a modified version of that HTML as a response then, right?

Walshy•7/7/23, 6:44 PM

Sure if you want to rewrite the HTML, you can checkout HTMLRewriter - https://developers.cloudflare.com/workers/runtime-apis/html-rewriter/
You can also use it as an API and return like a JSON which you handle client-side.

Catt0sOP•7/7/23, 6:51 PM

oh cool, thanks

Catt0sOP•7/7/23, 6:51 PM

this appears to be exactly what i need

Catt0sOP•7/7/23, 6:52 PM

but

Catt0sOP•7/7/23, 6:56 PM

if it is rewriting, then how does it get the initial html?

Walshy•7/7/23, 6:57 PM

fetch(req) will fetch from behind the Worker (so an origin)

Catt0sOP•7/7/23, 6:57 PM

ah ok

Walshy•7/7/23, 6:57 PM

HTMLRewriter docs show that too

Catt0sOP•7/7/23, 6:58 PM

ah, i see it now, transform()transform() is what i was looking for

MIME type issues with functions?

Similar Threads

Similar Threads

Similar Threads