首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法解决模块'module://@babel/runtime/helpers/interopRequireDefault.js‘-世博小吃

无法解决模块'module://@babel/runtime/helpers/interopRequireDefault.js‘-世博小吃
EN

Stack Overflow用户
提问于 2022-12-03 02:28:52
回答 1查看 13关注 0票数 0

当我试图在博览快讯中运行以下代码时,我得到了错误‘无法解析模块

下面是我的HomeScreen.js代码

代码语言:javascript
运行
复制
    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

代码语言:javascript
运行
复制
    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文件

代码语言:javascript
运行
复制
    {
      "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,但它没有起作用。(即它引发另一个错误,如下所示)

谢谢你的帮助!

EN

回答 1

Stack Overflow用户

发布于 2022-12-03 06:37:06

“无法解析模块'module://@babel/runtime/helpers/interopRequireDefault.js'”“的错误通常发生在JavaScript运行时找不到代码所需的模块时。在这种情况下,看起来@babel/runtime包安装得不正确,或者代码中没有正确地包含它。

要修复此错误,需要确保项目中安装了@babel/runtime包,并确保它在代码中被正确导入。可以使用以下命令安装@babel/runtime包:

代码语言:javascript
运行
复制
npm install @babel/runtime

安装包后,需要使用以下语法在代码中导入它:

代码语言:javascript
运行
复制
import interopRequireDefault from '@babel/runtime/helpers/interopRequireDefault';

这将从interopRequireDefault包导入@babel/runtime函数,允许您在代码中使用它,而不会遇到“无法解决模块”错误。

如果您在安装@babel/runtime包并在代码中正确导入它之后仍然遇到错误,那么这个包被包装或转移的方式可能会出现问题。在这种情况下,您可能需要与世博支持小组联系,以获得进一步的帮助。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74663541

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档