I am having trouble using importing module to my main js file with google chrome

hey guys, so i am trying to get a better feel for using modules because i am working on a Tetris game as practice, and it’d be a lot easier if i could separate my functions using different module files. i put together this simple function that i am trying to import to my blank website. it is my understanding that google chrome now supports ES6 modules so i cant figure out why this isn’t working…
This is my HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>module</title>
    <script type= "module" src="main.js"></script>
</head>
<body>
</body>
</html>

JS (main.js)

import {myFunc} from "./page1";
window.onload = myFunc;

JS (page1.js)

export function myFunc() {
    console.log(7)
};

You are missing the .js at the end of ./page1

i tried that and i get the same error, i was told that you dont need the “.js”. the codecademy lesson on modules even says you dont need the “.js”

you could also rename the file to page1, otherwise you’re asking for the wrong resource:

GET /page1     <-- not a thing
GET /page1.js  <-- want this
127.0.0.1 - - [14/Jan/2020 20:57:38] code 404, message File not found
127.0.0.1 - - [14/Jan/2020 20:57:38] "GET /page1 HTTP/1.1" 404 -

…which is?

When I put your code in a repl.it and run it, I don’t get an error

Like @ionatan said, we definitely need your error message to help you further.