Reactjs 无法从其他组件导入react组件

我用世博会样板打开了一个新的react native项目。 我添加了一个名为“Test”的新组件，无法从主屏幕导入它

这是Homescreen.js：

当我构建项目时，出现以下错误： 无法从screens/HomeScreen.js解析../components/test/test

我希望测试组件与上面的const具有相同的结构，并带有一个箭头函数

我做错了什么？如何导入测试

谢谢

Your Test.jsx只导出组件测试，而不导出objectexport{Test}。导入时，请使用

从“../components/Test/Test”导入测试

而不是

---

从“../components/Test/Test”导入{Test}

默认情况下，React Native无法识别jsx文件。您可以将文件更改为Test.js，也可以参考此文件，将“../components/Test”改为“../components/Test”

---

添加另一个点。

该错误意味着导入时test.jsx的路径不正确。请核对一下。路径是正确的。错误的意思就是这样。您可以转到命令行切换到screens文件夹，然后尝试cd../components/test/。它应该没有任何错误地更改目录。它确实像你说的那样没有任何错误地更改了目录。因此，我尝试将路径更改为：import{Test}from'../components/Test/'，但出现了错误：无法解析../components/Test/from screens/HomeScreen.jsexport const Test他们正在进行命名导出，而不是默认导出，因此这不是问题所在。

import * as WebBrowser from 'expo-web-browser';
import React from 'react';
import { Platform, StyleSheet, Text, View } from 'react-native';

import {Test} from '../components/test/Test';

export const HomeScreen = () => {
  return (
    <View style={styles.container}>
      <Test/>
    </View>
  );
};

import React from 'react';
import {View, Text} from 'react-native';

export const Test = () => {
    return (
        <View>
            <Text>Test Works!</Text>
        </View>
    )
};