javascript - react 导航，问题查找文件

我是React Native的新手，正在尝试一些基本的工作，试图将我的应用划分为不同的文件(每个屏幕一个新文件)，但是我的导航器找不到这些屏幕或其他内容。我90％的人肯定这是一个非常基本的错误，但在相当长的时间内却一直坚持下去。
这是错误:
''找不到屏幕'details'的'component'，'getComponent'或'children prop'
我很确定我正确地执行了导入/导出操作，但显然出了点问题。
代码:

//component import (app.js)

import { DetailScreen } from './screens/2nd';
...
...

//stack(app.js)

export default function App() {

  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName='home'>
        <Stack.Screen name='home' component={HomeScreen} />
        <Stack.Screen name='details' component={DetailScreen} />

      </Stack.Navigator>
    </NavigationContainer>
  );
}



//details page (2nd.js):

const DetailScreen = () => {
    return (
        <View>
            <Text>
                Detail Screen
        </Text>
        </View>
    )
}

export default DetailScreen;

最佳答案

更改

import { DetailScreen } from './screens/2nd';

至

import  DetailScreen  from './screens/2nd';

https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export#Description