如何修复 SyntaxError：无法在使用 Jest 的模块外部使用 import 语句？

Question

我几乎尝试了每一个教程和方法来让 Jest 识别导入语句。但是，我在 2021 年找不到可行的解决方案。

我尝试过的事情：

• 来自this 堆栈溢出帖子的所有建议
• here 上的 Jest 文档页面
• Babel 关于配置 Jest 的文档页面here

这是我目前的布局。我也尝试了很多其他方法。

错误信息：

  
    /Users/lukeanglin/Desktop/Convene/frontend/convene/node_modules/expo-secure-store/build/SecureStore.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){import { UnavailabilityError } from 'expo-modules-core';
                                                                                      ^^^^^^

    SyntaxError: Cannot use import statement outside a module

      1 | import { LOGIN_URL } from '../config/globals';
      2 | import { LOG } from '../config/logger-conf';
    > 3 | import * as SecureStore from 'expo-secure-store';
        | ^
      4 | import axios from 'axios';
      5 | export async function login(email, password) {
      6 |   // Returns true if login succeeds and false on fail (also logs error message)
                                                                                      ^^^^^^

    SyntaxError: Cannot use import statement outside a module

      1 | import { LOGIN_URL } from '../config/globals';
      2 | import { LOG } from '../config/logger-conf';
    > 3 | import { SecureStore } from 'expo-secure-store';
        | ^

babel.config.json

{
    "presets": ["@babel/preset-env"]
}

package.json

// stuff here 
"type": "module",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject",
    "lint": "eslint .",
    "lint:fix": "eslint --fix",
    "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc",
    "test": "jest"
  },
  "jest": {
    "transform": {
      "^.+\\.[t|j]sx?$": "babel-jest"
    }
},
// stuff here

重现步骤：

• 创建一个展览项目
• 安装 Jest 和 babel，以及 expo-secure-store
• 尝试导入 SecureStore
• 正确的函数对尝试导入 SecureStore 的文件执行某些操作

另外，导致导入错误的文件的全部内容在这里：

login.js

import { LOGIN_URL } from '../config/globals';
import { LOG } from '../config/logger-conf';
import * as SecureStore from 'expo-secure-store';
import axios from 'axios';
export async function login(email, password) {
  // Returns true if login succeeds and false on fail (also logs error message)
  try {
    const response = await axios.post(LOGIN_URL, {
      username: email,
      password: password
    });
    // Save the token
    const token = response['data']['token']
    await SecureStore.setItemAsync('token', token);
    return true;
  } catch (error) {
    LOG.error(
      'Error on GET request to login for authentication OR error on storing token with SecureStore: \n' +
        error
    );
    return false;
  }
}

并且测试测试函数login。

任何具有 Jest 和 Babel 工作配置以使 SecureStore 等 ES6 模块正常运行（以及导入语句、导出等）的人可以帮助我，我将不胜感激！

TLDR - 如何使用 Jest 修复 SyntaxError: Cannot use import statement outside a module？

Answer 1

最终，我了解到这不是 Babel 或 Jest 配置的问题，而是仅限于 SecureStore 项本身。这个模块似乎特别有问题，因为其他导入工作。