vitest测试报错?-灵析社区

vitest测试报错? 按照这篇[教程](https://link.segmentfault.com/?enc=tTu1JHtj2TXXfdInl%2BQm0Q%3D%3D.9yI%2BBKFroDXZcSCgqN6kkkQEkJn5RZYDh80bvdoXXcB4g6E1zDHIkGqw72z0ZsENyClxR1alh8vaCxypAl3XvV1smUTPrUyQnG9aMnuN8bfLz0lfUOus8WxVvnNY%2FJQXJ9ynIdD8nG6Y0MxSvW39vw%3D%3D)我配置了测试环境来测试react组件，但是报错了，不知道为什么？ ## 环境的介绍 * 用`vite`来构建我们的项目 * 安装`vitest`、`jsdom`、`@testing-library/react`、`@testing-library/jsdom` * 在根目录下创建`testSetup.js` import { afterEach } from 'vitest' import { cleanup } from '@testing-library/react' import '@testing-library/jest-dom/vitest' afterEach(() => { cleanup() }) * 修改`vite.config.js` export default defineConfig({ // ... test: { environment: 'jsdom', globals: true, setupFiles: './testSetup.js', } }) * 修改`package.json`文件 scripts: { ... test: "vitest run" } ## React组件 // src/component/Note.jsx const Note = ({ note, toggleImportance }) => { const label = note.important ? "make not important" : "make important"; return ( {note.content} {label} ); }; export default Note; ## 测试 // src/component/Note.test.js import { render, screen } from "@testing-library/react"; import Note from "./Note"; test("renders content", () => { const note = { content: "Component testing is done with react-testing-library", important: true, }; render(); const element = screen.getByText( "Component testing is done with react-testing-library" ); expect(element).toBeDefined(); }); ## 报错  > Error: Expression expected > ❯ getRollupError > node_modules/vitest/node_modules/rollup/dist/es/shared/parseAst.js:376:41 > ❯ convertProgram > node_modules/vitest/node_modules/rollup/dist/es/shared/parseAst.js:1040:26 > ❯ parseAstAsync > node_modules/vitest/node_modules/rollup/dist/es/shared/parseAst.js:2186:12 > ❯ ssrTransformScript > node_modules/vitest/node_modules/vite/dist/node/chunks/dep-> jvB8WLp9.js:54248:15 猜测：是不是和jsx语法有关? 我注释掉render及之后的操作是不会报错的，只注释render之后的操作会报错，这个错误应该出现在render的调用过程中。