Cypress测试导入自定义模块报错：无法读取subjects数组length属性

核心问题：导入语法与导出方式不匹配 #

你的subjects.js用的是默认导出（export default subjects），但导入时用了命名导入的解构语法（import { subjects } from ...），这会导致subjects变量为undefined，直接触发Cannot read properties of undefined (reading 'length')错误。

修复导入语法 #

把导入代码改成以下形式，直接接收默认导出的内容：

import subjects from "../../../../src/data/subjects.js";
const subject = subjects[Math.floor(Math.random() * subjects.length)];
console.log(subject);

解决路径简化与VS Code报错问题 #

Cypress会优先加载自身目录下的tsconfig.json，根目录的配置不会自动作用于Cypress测试文件，这也是你用from "src/data/subjects.js"时VS Code报错的原因。

配置Cypress的tsconfig.json #

在Cypress文件夹下的tsconfig.json中，给compilerOptions添加baseUrl和paths配置：

{
  "compilerOptions": {
    // 保留原有其他配置
    "baseUrl": "../",
    "paths": {
      "src/*": ["src/*"]
    }
  }
}

配置完成后，你就可以用简洁的绝对路径导入模块，同时VS Code也能正确识别路径：

import subjects from "src/data/subjects.js";

额外验证步骤 #

1. 确认src/data/subjects.js的文件路径与测试文件的相对位置完全匹配
2. 修改配置后重启VS Code，确保编辑器重新加载了tsconfig配置

内容的提问来源于stack exchange，提问作者Luke