Jest error parsing React jsx files “Support for the experimental syntax ‘jsx’ is...
source link: https://www.kevinhooke.com/2022/03/27/jest-error-parsing-react-jsx-files-support-for-the-experimental-syntax-jsx-isnt-currently-enabled/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Jest error parsing React jsx files “Support for the experimental syntax ‘jsx’ isn’t currently enabled”
I ran into this error adding new Jest tests to my React project:
SyntaxError: CellComponent.test.js: Support for the experimental syntax 'jsx' isn't currently enabled (7:34):
and then this recommendation at the end:
Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformation.
Doing an ‘npm i @babel/preset-react –save-dev’ gets us almost all the way there. Add a default babel.config.js with this config and you’re ready to go:
module.exports = {
presets: [
'@babel/preset-react',
[
'@babel/preset-env',
{
targets: {
node: 'current',
},
},
],
],
};
I pieced this together from multiple places, answers on this question got me in the right direction.
CategoriesKev's BlogTagsbabel, javascript, jest, react
Leave a Reply Cancel reply
Your email address will not be published. Required fields are marked *
Comment *
Name *
Email *
Website
Save my name, email, and website in this browser for the next time I comment.
Notify me of follow-up comments by email.
Notify me of new posts by email.
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Post navigation
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK