vite创建react,使用jest时,提示render(<Button>Nice</Button>)中无法转换jsx语法

来源:5-3 React 测试工具 - react-testing-library

吕二三

2023-07-14

图片描述

写回答

3回答

张轩

2023-07-15

同学 我经过一系列步骤的修改,现在可以成功运行啦,请按照我的步骤来做哈。

1 // 装两个依赖
npm i @babel/preset-react –save-dev
npm i @babel/preset-env --save-dev

2 // 创建 babel 配置文件
根目录,命名为:babel.config.cjs 这里特别注意,后缀名要是 cjs
//文件内容
module.exports = {
presets: [
    '@babel/preset-react',
    [
        '@babel/preset-env',
        {
            targets: {
                node: 'current',
            },
           },
     ],
    ],
};
3 安装 jest 的 jsdom 运行环境
npm i jest-environment-jsdom --save-dev

4 在 package.json 中设置运行环境
// 添加一项
"jest": {
    "testEnvironment": "jsdom"
}

然后 成功的运行起来啦~

0
1
吕二三
老师你好,非常感谢,解决了我的问题,但是为什么要使用cjs文件呢?不能使用es6语法么?
2023-07-17
共1条回复

张轩

2023-07-14

同学你好

请提供一下你的代码库(git),我在本地帮你调试看看

0
3
张轩
回复
吕二三
可以的 我今天晚上帮你看哈
2023-07-14
共3条回复

吕二三

提问者

2023-07-14

我按照提示安装了babel,但是没有生效

0
0

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2128 学习 · 959 问题

查看课程