Javascript 无法在React中导入目录
我的文件布局如下:Javascript 无法在React中导入目录,javascript,reactjs,Javascript,Reactjs,我的文件布局如下: // Folder structure: // |-src // |-util // |-index.js // |-PageScreen1.js // |-PageScreen2.js (and etc...) // |-PageScreen.js // |-index.js 我想将所有的util导入PageScreen。在PageScreen.js的顶
// Folder structure:
// |-src
// |-util
// |-index.js
// |-PageScreen1.js
// |-PageScreen2.js (and etc...)
// |-PageScreen.js
// |-index.js
我想将所有的util导入PageScreen。在PageScreen.js的顶部,我将
import * as All from ./util
但这会导致模块未找到错误。我能得到一些关于如何解决这个问题的建议吗
编辑:我添加了一个index.js文件夹,如下面的一个答案所示。如果我像这样导入/导出页面屏幕,一切都正常
import PageScreen1 from './PageScreen1';
import PageScreen2 from './PageScreen2';
export {PageScreen1, PageScreen2};
但是,我有很多PageScreen.js文件,所以有没有办法快速导入/导出所有这些文件?您需要在
util
目录中设置一个index.js
它应该从所有其他文件导入所有内容,然后再次导出它们。要导入每个文件,您需要再添加一个斜杠。它应该是./util/。 你少了一条斜线 在您的示例中,默认情况下react是导入util/index.js
import*as All from./util/”
util是一个文件夹,而不是包含模块的文件。可能您应该尝试:import*as All1 from./util/PageScreen1.js import*as All2 from./util/PageScreen2.js这是否回答了您的问题@PeterB我在util文件夹中添加了一个index.js文件。在那里,我可以按照您发送给我的答案手动导入PageScreen1/2。但是,如果我有许多页面屏幕,我不想手动导入/导出所有页面屏幕。有类似import*的东西可以用于index.js吗?从你给我的答复来看,这似乎是不可能的,但我希望有一个实际的方法来做我想做的事情。我在util目录中创建了一个index.js文件。在它里面,我从“util”导入*作为All,然后导出defaultall。这似乎不正确,因为我无法从外部index.js访问All.PageScreen1。我对ReactJS.edit非常缺乏经验:我手动导入了每个单独的文件,并将它们导出为导出{PageScreen1,PageScreen2},但是有没有一种方法可以直接从索引文件导入所有文件并导出所有文件?我有很多页面屏幕,不想全部手动输入。有没有办法不用手动导入index.js文件就可以完成?例如,我是否可以在index.js文件中使用类似于import*from./util的内容?是的,更新我的答案只需添加斜杠“./util/”