react-native - 在 Web 项目上使用 React Navigation 时无法获取 /pageName

Question

浏览器页面刷新会破坏我的应用程序。

我在一个世博通用应用程序中使用反应导航。当用户在路由“/”上刷新浏览器时，一切都按预期工作。当用户在任何其他路线上刷新时，例如“/search”，我看到了这个服务：

无法获取 / 搜索

我看过深度链接

import * as Linking from 'expo-linking'
...
const prefix = Linking.createURL('/')

const linking={
  prefixes: [prefix],
  config: {
    screens: PathsByName,
  },
}

<NavigationContainer linking={linking}>
  ...
</NavigationContainer>

以及自定义的 webpack

  config.devServer.historyApiFallback = {
    index: 'index.html'
  }

但我仍然无法正确加载简单的页面刷新。

标签： react-nativeexporeact-navigation

Answer 1

问题是我错误地自定义了 webpack 配置。

这个配置有效，

const createExpoWebpackConfigAsync = require('@expo/webpack-config')

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv)

  // avoid improper settings here

  return config
}