React - 从根app.js文件导出无效

Question

如果我的项目如下：

/app.js <--- specified as the application entry point in webpack.config.js /test.js /components/aComponent.js

和app.js包含：

export const aString = "hello"; require('./components/aComponent.js');

和test.js包含：

export const bString = "wassup";

和/components/aComponent.js包含：

import { aString } from '../app'; import { bString } from '../test'; console.log("a string: " + aString); console.log("b string: " + bString);

输出将是：

a string: undefined b string: 'wassup'

因此，无论是在子目录中还是在app.js附近，任何文件都无法访问导出。如果我在导入的文件名中输入拼写错误，webpack中没有编译错误，导出总是返回undefined。

我项目中的所有其他组件，操作，缩减器，选择器和工具都按预期导出/导入，并且我已尝试过两个＆＃39;。/。/ app＆＃39;和＆＃39; ../ app＆＃39;在路径中，但再一次，没有编译错误，所以我不认为这是问题。

Answer 1

感谢Jake Miller - 我确实设法在我的代码中发现循环依赖。我能够从我的app.js文件中移出consts并解决问题。感谢。