reactjs - Jest 框架针对 Jquery 导入抛出错误 "unexpected identifier"

Question

当我尝试像

一样导入 Jquery 时

import $ from 'jquery';

内部测试文件

或类似

import $ from 'jquery'; global.$ = global.jQuery = $;

在 Jest 设置文件中，我收到错误消息

● Runtime Error- SyntaxError: Unexpected identifier
    at new Function (<anonymous>)
    at createMockFunction (node_modules/jest-mock/build/index.js:179:10)
    at Array.forEach (<anonymous>)
    at Array.forEach (<anonymous>)

如何解决这个问题？检查 Jquery 的路径和 node_modules 都很好。使用 Jest 版本“^14.1.0”。

Answer 1

我有较新版本的 Jest (v24.7.0)，因此我不确定此答案是否适用于问题中使用的 Jest 版本。

来自 Jest 文档的注释:

Note: babel-jest is automatically installed when installing Jest and will automatically transform files if a babel configuration exists in your project.

我在 Jest documentation 上找到了解决方案本身:

1. 安装这些依赖项:npm install --save-dev babel-jest @babel/core @babel/preset-env
2. 在项目的根目录中添加一个与此类似的 Babel 配置文件:

// babel.config.js
module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: {
          node: 'current',
        },
      },
    ],
  ],
};