Categories
TypeScript Answers

How to fix error ‘”Unexpected token *” on import statement’ with Jest?

Spread the love

Sometimes, we want to fix the error ‘"Unexpected token *" on import statement’ with Jest.

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

How to fix error ‘"Unexpected token *" on import statement’ with Jest?

To fix the error ‘"Unexpected token *" on import statement’ with Jest, we need to tell Jest to transpile ES6 modules before we can use them.

To do this, 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)-(.*)+)"
    ]
  }
  //...
}

in our Jest config.

We set transformIgnorePatterns to an array with the pattern of the module names that we want to transform before we run our tests.

Then Jest will transform the modules into something it can use.

Conclusion

To fix the error ‘"Unexpected token *" on import statement’ with Jest, we need to tell Jest to transpile ES6 modules before we can use them.

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 *