今天写业务突然发现了一个引入子组件之后出现死循环的问题,当父组件与子组件所在的文件夹名字一样时,使用 import Child from './aComponent'
时,Node.js 或 Webpack 会尝试从 ./aComponent
目录中找到一个默认的入口文件(通常是 index.js
)。如果 aComponent
目录中的 index.js
文件意外地重新导入了 AComponent
组件由此造成死循环
解决方案
1.import Child from './aComponent/index'
2.修改父组件或文件夹名称