Categories
JavaScript Answers

How to fix Jest failing with “Unexpected token *” on import statement with JavaScript?

Spread the love

Sometimes, we want to fix Jest failing with "Unexpected token *" on import statement with JavaScript.

In this article, we’ll look at how to fix Jest failing with "Unexpected token *" on import statement with JavaScript.

How to fix Jest failing with "Unexpected token *" on import statement with JavaScript?

To fix Jest failing with "Unexpected token *" on import statement with JavaScript, we transpile modules that cause the error.

For instance, we write

{
  "jest": {
    "preset": "react-native",
    "transformIgnorePatterns": [
      "node_modules/(?!(jest-)?react-native|react-(native|universal|navigation)-(.*)|@react-native-community/(.*)|@react-navigation/(.*)|bs-platform|(@[a-zA-Z]+/)?(bs|reason|rescript)-(.*)+)"
    ]
  }
}

to add the transformIgnorePatterns property into the jest.config.js file.

We use transformIgnorePatterns to ignore the path patterns of the modules that don’t need to be transpiled.

Conclusion

To fix Jest failing with "Unexpected token *" on import statement with JavaScript, we transpile modules that cause the error.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *