时间戳

首页 > 解决方案 > 获取 SyntaxError：尝试导入函数以使用 Mocha 进行测试时出现意外的令牌导出

javascript - 获取 SyntaxError：尝试导入函数以使用 Mocha 进行测试时出现意外的令牌导出

问题描述

我正在尝试为我拥有的功能设置 Mocha 测试，该功能也在 React 应用程序中使用。我目前正在循环运行，要么在尝试导入函数以供 Mocha 使用时出现错误，要么在尝试将函数导入到我的 React 组件中以使用并且开始感到沮丧。我快要放弃了，只是将我想测试的功能直接复制到测试文件中，由于重复，我不想这样做。

我当前的设置如下，导入在我的 React 组件中工作，但在 Mocha 中出现“SyntaxError: Unexpected token export”错误。

这个函数保存在 src/function/helpers.js

export const functionName = () => { 
   // Function logic here
}

React 组件函数导入保存在 src/components/Component.js

import {functionName} from '../functions/helpers';

保存在 test/basic-test.js 中的 Mocha 测试文件

const functionName = require("../src/function/helpers").functionName;

如何将函数导入到两个文件中而不会收到 React 错误或 Mocha 错误？

标签： javascriptreactjsmocha.js

解决方案

需要连接babel编译 es6 语法。

包.json：

"scripts": {
   "test": "mocha --require @babel/register"
},

推荐阅读