node.js - 使用 Create React App Boilerplate 设置 AVA 测试运行程序

Question

运行 create-react-app 后尝试设置 AVA。我已经找到并尝试了一些关于这个要点的教程和参考资料，但是我一直unexpected token在 JSX<App />元素上遇到错误。有人知道那个要点有什么问题吗？的完整输出npm run test：

react-with-ava@0.1.0 test /react-with-ava
cross-env NODE_ENV=test ava

1 exception

Uncaught Exception
SyntaxError: /react-with-ava/src/App.test.js: Unexpected token (8:18)
SyntaxError: /react-with-ava/src/App.test.js: Unexpected token (8:18)
6 | test('renders without crashing', t => {
7 |   const div = document.createElement('div');
8 |   ReactDOM.render(<App />, div);
  |                   ^
9 | });

Answer 1

既不支持也不推荐将 Ava 与 Create React App 一起使用。

创建的项目已经包含一个我们推荐使用的测试运行器（Jest）。在项目文件夹中运行npm test以启动。

理论上你可以让 Ava 工作，但这需要配置 Babel，这会很快在 CRA 项目中混淆。如果您坚持使用 Ava，您可以npm run eject在弹出的项目中手动将 Jest 替换为 Ava。