如何解决如何解决导入错误“找不到模块:无法解析'./components'”-使用命名导出
我正在尝试使用create-react-app创建一个React-Leaflet map设置,但是无法导入我的Simple-Map组件,该组件是使用Named Exports导出的。这是React-Leaflet Examples页面上的第一个示例。
错误是:
./src/Simple.js
Module not found: Can't resolve './components' in '/ice_map/src'
示例中的import statement已更改为import {Map,TileLayer,Marker,Popup } from './components'
,以反映文件的实际位置。
components目录包含4个文件:Map.js,TileLayer.js,Marker.js,Popup.js
已将Simple.js
文件的其余部分保留为示例中的内容。该文件通过App.js
import SimpleExample from './Simple'
中
我了解这是一个简单的问题,也是我正在犯的错误,但是我无法解决此错误。
任何输入表示赞赏。 预先感谢。
解决方法
好的,如果您可以尝试在components文件夹中添加index.js文件
并在其中添加
import Map from './Map';
import Marder from './Marder';
import Popup from './Popup';
import TileLayer from './TileLayer';
module.exports = {Map,Marder,Popup,TileLayer};
,并且必须确保导出了这些文件Map,TileLayer
那是因为当您从文件夹中导入时,您已经导入了索引文件,却找不到它
import <somting> from './components' === import <somting> from './components/index'
或者您尝试使用此
import Map from './components/Map';
import Marder from './components/Marder';
import Popup from './components/Popup';
import TileLayer from './components/TileLayer';
并删除此
import {Map,TileLayer,Marker,Popup } from './components'
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。