我正在尝试使用index.js索引文件导出默认模块,但似乎无法使其工作。 命名导出可以正常工作,但默认导出不行。
简化的项目结构
/hellos
/components
Hello.js
Hellos.js
index.js
index.js
App.js
/hellos/component/Hellos.js
...
export default Hellos
/hellos/component/index.js
export * from './Hello';
export * from './Hellos';
/hellos/index.js
export * from './components'
export * from './actions'
export * from './constants'
export * from './reducers'
App.js
->应用程序.js
import Hellos from './hellos'
console.log(Hellos) // <- undefined
刚才导入的Hellos模块始终未定义。
我可以使用命名导出或在App.js中直接导入来使其工作,例如: import Hellos from './hellos/component/Hellos'
但我认为这是不好的实践,我只希望使用import Hellos from '/hellos'
。
我怀疑问题可能出在index.js中的barrels上,但我无法解决。请帮忙。
export { default as Hello } from './Hello';
的语句。 - tengbretson