reactjs - 使用 ES6 时，导入的函数如何在一个文件中未定义，而在另一个文件中则不然？

Question

我正在使用 babel/ES6 和 webpack。我在两个不同的地方导入相同的“actions”文件 - 该文件导出一堆函数。在一个地方它返回一个模块，另一个未定义:

actions.js

export function test() { ... }
export function test2() { ... }

应用程序.js

import actions from './actions'
class App extends React.Component { ... }
console.log(actions);         //<--------  Object{test:function,test2:function)
export default connect((state) => { ... },actions)(App);

编辑App.js 工作的原因是因为它实际上使用 import * as actions ，如下所示，我只是在示例中重新输入了错误

NestedComponent.js

import actions from './actions'
class NestedComponent extends OtherComponent { ... }
console.log(actions);         //<--------  logs undefined
export default connect((state) => { ... },actions)(NestedComponent);

这与 webpack 定义模块/文件的顺序有关吗？

Answer 1

我遇到了类似的问题，是由循环依赖引起的。尝试从文件“B”导入文件“A”中的常量，而文件“B”又尝试从文件“A”导入。