how to connect js script to html using serve | Bun | Page 1

lunar burrow Sep 12, 2023, 9:33 PM

#

i want to connect script.js in index.html, but i get an error Uncaught SyntaxError: Unexpected token '<'. what should i do?

safe flax Sep 12, 2023, 9:35 PM

#

you are returning html for /script.js path

#

lunar burrow Sep 12, 2023, 9:35 PM

#

but im not

#

in script.js only console.log

safe flax Sep 12, 2023, 9:36 PM

#

your code returns index.html file for every path

#

that's why when browser tries to load script.js it gets back html

lunar burrow Sep 12, 2023, 9:37 PM

#

yea, i tried to this Bun.file('./public') but it was a big mistake

#

there was too many errors

safe flax Sep 12, 2023, 9:37 PM

#

Bun.file() only read single file at provided path

lunar burrow Sep 12, 2023, 9:37 PM

#

yea i got it

#

so what should i do? just type public?

safe flax Sep 12, 2023, 9:38 PM

#

you need some kind of routing code that will return proper file for given path

lunar burrow Sep 12, 2023, 9:38 PM

#

what do u mean

#

im noob...

safe flax Sep 12, 2023, 9:40 PM

#

for example ```js
export default {
fetch(req) {
const url = new URL(req.url);
if (url.pathname === '/') return new Response(Bun.file('./public/index.html'));
if (url.pathname === '/script.js') return new Response(Bun.file('./public/script.js'));
},
}

#

you can write code that will automate all of this for all files in public folder

#

or use existing libraries/frameworks that do it

lunar burrow Sep 12, 2023, 9:42 PM

#

oh god that's really working

#

but how

#

URL { href: "http://localhost:3012/favicon.ico", origin: "http://localhost:3012", protocol: "http:", username: "", password: "", host: "localhost:3012", hostname: "localhost", port: "3012", pathname: "/favicon.ico", hash: "", search: "", searchParams: {}, toJSON: [Function: toJSON], toString: [Function: toString] }

#

this is url

#

how is pathname changing?

safe flax Sep 12, 2023, 9:45 PM

#

it's part of whole url

#

#

if your browser makes request to localhost:3012/hello then path will be /hello

lunar burrow Sep 12, 2023, 9:50 PM

#

so when browser in index.html reached to <script> tag, it automatically changes pathname?

safe flax Sep 12, 2023, 9:50 PM

#

yeah

#

it makes a http request to localhost:3012/script.js

lunar burrow Sep 12, 2023, 9:51 PM

#

okey i got it

#

thank you very much!

#

<3

shut silo Sep 13, 2023, 8:02 AM

#

Hi, how can i serve a file with the bun.serve? When i use bun.file(‘index.js’) and it’s retuen file but this code can find directory in new Response(). Where is the problem?

#how to connect js script to html using serve