使用puppeteer从另一个文件导入javascript函数？

Question

This is a noob question. I've been developing in React for a while now and I'm used to breaking up my code into components.

I've started a new project using puppeteer.js. I'd like to break my javascript function up into components as well but I have no idea how to import a function from another file.

Is this possible?

Path: main.js

const puppeteer = require("puppeteer");
import {myFunction} from './myFunction.js';

(async function main() {
  try {
    // launch puppeteer
    const browser = await puppeteer.launch({ headless: false });
    // open browser
    const page = await browser.newPage();
    await page.setViewport({}); 

    const callMyFunction = await myFunction(page);

  } catch (e) {
    console.log("our error", e);
  }
})();

Path: myFunction.js

async function myFunction(page) {
  console.log('this function has been imported');
  return true;
}

export default myFunction;

Answer 1

try

//myFunction.js
async function myFunction(page) {
  console.log('this function has been imported');
  return true;
}
module.exports = myFunction;

//main.js
const puppeteer = require('puppeteer');
const myFunction = require('./myFunction');

(async function main() {
  try {
    // launch puppeteer
    const browser = await puppeteer.launch({ headless: false });
    // open browser
    const page = await browser.newPage();
    await page.setViewport({}); 

    const callMyFunction = await myFunction(page);

  } catch (e) {
    console.log("our error", e);
  }
})();