当我试图在博览快讯中运行以下代码时,我得到了错误‘无法解析模块
下面是我的HomeScreen.js代码
import { StyleSheet, Text, View, FlatList } from "react-native";
import axios from "axios";
import { useState, useEffect } from "react";
export default function HomeScreen() {
const [cycles, setCycles] = useState([]);
useEffect(() => {
const fetchData = async () => {
try {
const { data: response } = await axios.get(
"URL"
);
setCycles(response);
} catch (error) {
console.error(error.message);
}
};
fetchData();
}, []);
return (
<View style={styles.container}>
{/* <Text> {JSON.stringify(cycles[0])} </Text> */}
<FlatList
data={cycles}
renderItem={(
{ item } //this part will iterate over every item in the array and return a listItem
) => (
<Text>
{new Date(item.startDate).toLocaleDateString("us-EN")} -{" "}
{new Date(item.endDate).toLocaleDateString("us-EN")}{" "}
</Text>
)}
/>
<Text>Hello</Text>
</View>
);
}
下面是App.js
import { StyleSheet, Text, View, FlatList } from "react-native";
import axios from "axios";
import { useState, useEffect } from "react";
import HomeScreen from "./screens/HomeScreen";
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/stack";
const Stack = createNativeStackNavigator();
export default function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen
name="Home"
component={HomeScreen}
options={{ title: "Welcome" }}
/>
</Stack.Navigator>
</NavigationContainer>
);
}
Package.json文件
{
"dependencies": {
"react-native-paper": "4.9.2",
"@expo/vector-icons": "^13.0.0",
"expo-constants": "~13.2.4",
"axios": "*",
"@react-navigation/stack": "*",
"@react-navigation/native": "6.0.0",
"react-native-gesture-handler": "~2.5.0",
"react-native-safe-area-context": "4.3.1",
"react-native-screens": "~3.15.0"
}
}
从我发现的Unable to resolve module @babel/runtime/helpers/interopRequireDefault
问题中,我尝试添加babel,但它没有起作用。(即它引发另一个错误,如下所示)
谢谢你的帮助!
发布于 2022-12-03 06:37:06
“无法解析模块'module://@babel/runtime/helpers/interopRequireDefault.js'”“的错误通常发生在JavaScript运行时找不到代码所需的模块时。在这种情况下,看起来@babel/runtime
包安装得不正确,或者代码中没有正确地包含它。
要修复此错误,需要确保项目中安装了@babel/runtime
包,并确保它在代码中被正确导入。可以使用以下命令安装@babel/runtime
包:
npm install @babel/runtime
安装包后,需要使用以下语法在代码中导入它:
import interopRequireDefault from '@babel/runtime/helpers/interopRequireDefault';
这将从interopRequireDefault
包导入@babel/runtime
函数,允许您在代码中使用它,而不会遇到“无法解决模块”错误。
如果您在安装@babel/runtime
包并在代码中正确导入它之后仍然遇到错误,那么这个包被包装或转移的方式可能会出现问题。在这种情况下,您可能需要与世博支持小组联系,以获得进一步的帮助。
https://stackoverflow.com/questions/74663541
复制相似问题