TypeError: traverse is not a function

[khushal87]

My code snippet -

import babel from "@babel/parser";
import traverse from "@babel/traverse";

const code = `
const x : number  = 10;
`; 

const ast = babel.parse(code, {
    plugins: ["typescript"],
});

traverse(ast, {
    enter(path) {
        if (path.node.type == "Identifier") {
            console.log(path);
        }
    },
});

console.log(ast.type);

I am continuously getting:

traverse(ast, {
^

TypeError: traverse is not a function

Can anyone help me out. I have used the package @babel/traverse as required to use the functionality but I don't find why isn't this working. Any help would be great. Thanks

[fedeci]

You are using typescript with ESModules, right?

[khushal87]

Yes I am. Can you help how should I use in this case? @fedeci

[nicolo-ribaudo]

If you are using native ESM, you need to use traverse.default instead of traverse (that's how Node.js' interop between ESM and CJS works).

[khushal87]

Can you give an example? How should I import in this case? @nicolo-ribaudo

[nicolo-ribaudo]

import traverse from "@babel/traverse";

traverse.default(ast, { ... })

[khushal87]

This worked like charm. Thanks @nicolo-ribaudo :)