React 无法编译模块未找到：无法在listingDetail 上解析

Posted 2023-02-21

【中文标题】React 无法编译模块未找到：无法在listingDetail 上解析

【英文标题】：React failed to compile Module not found: Can't resolve on listingDetail

【发布时间】：2021-03-08 23:41:25

【问题描述】：

我在反应时遇到错误，说编译失败和 ./src/App.js

我注意到在路线上的确切路径“ListingDetail”有黄色突出显示，其他是蓝色突出显示 未找到模块：无法解析“./containers/ListingDetail”

【问题讨论】：

能分享一下ListingDetail是怎么导出的吗？

这对您有帮助吗？ ***.com/questions/21117160/… 还是这个？ ***.com/questions/36569961/…

【参考方案1】：

您导出组件的方式有问题。

让我解释一下，在 React 中，我们使用关键字 export 来导出特定模块或命名参数或组合。

导出默认导出

export default ListingDetail;

这是将整个组件导出为默认值。

导出命名值

export  PARA_NAME 

每个组件都可以有多个命名参数，为了导出一个我们应该使用上面的语法

在这里你想导出整个组件；那么你需要使用第一种方法。

【参考方案2】：

我发现我自己的错误是文件被保存为 ListingsDetail.js 所以我把 s 保存为 ListingDetail.js