ES6导入，导出=错误：参数无效

Question

我有这个设置

file1.js：

export function foo1() { ... };

file2.js：

export function foo2() { ... }

hook.js：

 import {foo1} from './file1';
 import {foo2} from './file2';

 export {foo1, foo2};

现在，当我想从钩子中导入时：

app.js

import { foo1 } from '../data/hook.js';

我得到这个：

Error: invalid argument

调用foo1时。 （该函数没有参数/参数）。

有人知道出什么问题吗？

更新：

直接从file1导入foo1时，也会得到invalid argument 。 这是通天塔问题吗？

我的.babelrcb（我使用test作为环境）：

"env": {
  "targets": {
    "node": "4.8.4"
  },
  "test": {
    "presets": ["env"]
  },
}

更新和解决方案：

事实证明，导入是正确的，对所有在此问题上帮助过我的人来说都是正确的。问题是由于函数foo1中的Promise导致导入失败：

browser.waitUntil(..); // see http://webdriver.io/api/utility/waitUntil.html

Answer 1

您必须在导入中添加./ ，并在导出中default

File1.js

export default function foo1()

hook.js

import {foo1} from './File1'

否则，它将在node_modules中搜索File1

参考

Answer 2

在file1和file2上缺少函数主体。

file1.js：

export function foo1() {};

file2.js：

export function foo2() {};

在hook.js上，您应该导出默认值。

import {foo1} from './file1';
import {foo2} from './file2';

export default {foo1, foo2};