无法解析“app\index.jsx”中的“../components”

Question

我一直致力于用 React Native 开发一个应用程序，但我不明白为什么会出现这个错误。每当我尝试从内部文件中提取信息时，我都会收到“iOS 捆绑失败，无法从 [请求文件位置] 解析 [文件位置]”。有人可以帮我弄清楚这是为什么吗

我尝试过运行

npm start -- --reset-cache

，但没有成功。

这是我的代码：

import { View, Text, SafeAreaView, ScrollView, Image, StyleSheet} from 'react-native'
import React from 'react'
import { Link } from 'expo-router';
import { CustomButton } from "../components";

const App = () => {

  return (
    <SafeAreaView className='bg-primary h-full'>
      <ScrollView contentContainerStyle={{height: '100%'}}>
        <View className='w-full justify-center items-center h-full px-4'>
        <Text className='text-3xl text-white font-bodon text-center'>Be simple.</Text>
        <Link href='/wall' className='text-1xl text-white font-bodon text-center'>Get Started</Link>
        <CustomButton />
        </View>
      </ScrollView>
    </SafeAreaView>
  );
};

export default App; 

这是我的文件夹结构：
文件夹结构

Answer 1

你的文件结构是正确的，你基本上已经成功了一半。调整以下内容就可以了。

调整这个

    import { CustomButton } from "../components";

至此

    import { CustomButton } from "../components/CustomButton";