React Native导入目录报错:无法解析../actions模块
解决React Native中导入文件夹时的模块找不到问题
你遇到的这个报错,核心原因是React Native导入文件夹的默认规则:当你用import * as actions from '../actions'这种方式导入整个文件夹时,它会自动去查找该文件夹下的index.js文件,如果这个文件不存在,就会抛出「模块找不到」的错误——哪怕你的actions文件夹确实存在,里面有其他action文件也没用。
给你两个可行的解决方案,按需选择:
方案1:在actions文件夹中创建index.js统一导出所有action
在你的actions文件夹里新建一个index.js文件,把所有action文件里的内容统一导出,示例代码如下:
// actions/index.js // 替换成你实际的action文件名 export * from './PeopleActions'; export * from './OtherActionFile';
完成后,你原来的import * as actions from '../actions'就能正常识别到所有action了。
方案2:直接导入具体的action文件
如果你不想额外创建index.js,也可以直接指定要导入的具体文件,比如:
// 替换成你actions文件夹里实际存在的文件名 import * as actions from '../actions/PeopleActions'
另外顺便提个小细节:你代码里的import { StyleSheet, Text, View, image } from 'react-native';这里的image应该改成大写的Image,不然还会引发组件找不到的额外错误哦。
内容的提问来源于stack exchange,提问作者Waeez
相关产品推荐
相关产品推荐

