javascript - React Navigation，问题查找文件

Question

我是 React Native 的新手，正在为一些基本的事情而苦苦挣扎，试图将我的应用程序分成不同的文件(每个屏幕的新文件)，但我的导航器无法找到屏幕或其他东西。我 90% 确定这是一个非常基本的错误，但我已经坚持了一段令人尴尬的时间。

这是错误:

'' 找不到屏幕“详细信息”的“组件”、“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;

Answer 1

改变

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

到

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

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