javascript - 运行笑话测试时出现意外的令牌导入错误

Question

我知道这已经被问过无数次了，但是尽管遵循了所有 SO 解决方案和建议，我还是无法解决这个问题。

jest几天前我就知道了，并试图亲自动手。在DZone上提到了一个关于使用jest测试反应组件的很好的教程。但是，当我尝试测试starter目录中的一个组件时，我遇到了这个问题，

SyntaxError：意外的令牌导入

在 ScriptTransformer._transformAndBuildScript (../../../../../../usr/local/lib/node_modules/jest/node_modules/jest-runtime/build/ScriptTransformer.js:289:17) 在发射二 (events.js:106:13)

根据此SO post中的建议，我已经安装babel-preset-react并将其添加到我的webpack.config.js文件中。

这是我的webpack.config.js文件，我package.json的文件，.babelrc文件

请注意，我已经浏览了这些 SO 帖子中发布的解决方案 -

• 链接 1
• 链接 2
• 链接 3

.babelrc从 my和webpackfiles的变化中可以看出这一点

但我无法解决我遇到的问题。如果我在这里遗漏了什么，请告诉我，因为我花了 3-4 个小时在 SO 和其他论坛上搜索任何答案，但我似乎找不到它。

更新 1：这是我的测试文件 -Clock.test.jsx

 import React from 'react';
 import ReactDOM from 'react-dom';
 import Clock from 'Clock';

 describe('Clock',()=>{
      it("renders without crashing",()=>{
         const div = document.createElement('div');
         ReactDOM.render(<Clock/>,div);
      });
   });

Answer 1