'Cannot use import statement outside a module' in Azure function - node.js

Question

I have an azure function running locally in dev mode. I am trying to import node-fetch:
import { fetch } from "node-fetch";
module.exports = async function (context, req) {
context.log("JavaScript HTTP trigger function processed a request.");
const res = await fetch("https://www.swyx.io/api/rss.xml");
const responseMessage = "res:" + res.ok;
context.res = {
// status: 200, /* Defaults to 200 */
body: responseMessage,
};
};
I get the following error:
Worker was unable to load function HttpTrigger1: 'Cannot use import statement outside a module'
What I've tried:
I added type: 'module' to package.json.
I named the file index.cjs
But it still throws same error.
For reference, here is my package.json:
{
"name": "cors-test",
"version": "1.0.0",
"description": "",
"type": "module",
"scripts": {
"start": "func start",
"test": "echo \"No tests yet...\""
},
"dependencies": {
"node-fetch": "^3.3.0"
},
"devDependencies": {}
}
And here is the file structure:
.
├── host.json
├── HttpTrigger1
│ ├── function.json
│ ├── index.cjs
│ └── sample.dat
├── local.settings.json
├── package.json
├── package-lock.json
└── yarn.lock

Answer 1

I found the solution
renamed the file to index.mjs
removed module.exports and used export default instead:
import fetch from "node-fetch";
export default async function (context, req) {
context.log("JavaScript HTTP trigger function processed a request.");
const res = await fetch("https://www.swyx.io/api/rss.xml");
const responseMessage = "res:" + res.ok;
context.res = {
// status: 200, /* Defaults to 200 */
body: responseMessage,
};
}