相关疑难解决方法(0)

我正在创建一个使用webpack-dev-server开发的应用程序以及react-router.

似乎webpack-dev-server是基于这样的假设,即在一个地方(即"/")有一个公共入口点,而react-router允许无限量的入口点.

我想要webpack-dev-server的好处,特别是热量重新加载功能,这对于提高工作效率很有帮助,但我仍然希望能够加载在react-router中设置的路由.

如何实现它以便它们一起工作？你能以这种方式在webpack-dev-server前运行快速服务器吗？

使用该UrlParser.parseHash功能,我能够成功解析以下网址:

http://localhost:8000/MyRepl.elm/#home/something-else

行为是预期的,当我复制粘贴在浏览器中并点击回车 - 应用程序加载适当的视图.

但现在我想删除#和我使用的UrlParser.parsePath功能.我完全像以前一样保留了其余代码 - 但由于某种原因,这不起作用.

当我复制粘贴这个并点击回车:

http://localhost:8000/MyRepl.elm/home/something-else- 通知没有#.

浏览器向elm -reactor localhost服务器创建直接请求.

没有路由发生.elm reactor服务器返回404 - 就好像没有命名文件一样/MyRepl.elm/home/something-else

但是#应该没有路由,因为http://package.elm-lang.org/packages- Docs站点是用elm编写的,#你可以看到url中没有.

问题:

任何人都遇到过同样的问题？任何想法如何解决这一问题？

或者你能指点我的导航没有#按预期工作吗？

我正在尝试使用 React Native 为 Web 应用程序配置 React-navigation。为此，我在 NavigationContainer 上设置了链接选项，以便我可以使用以下代码从浏览器 URL 访问我的页面：

const linking = {
  prefixes: ['http://localhost:8080/', 'http://localhost:8080', 'localhost:8080'],
  // prefixes: [prefix],
  config: {
    screens: {
      SignIn: "SignIn",
      SignUp: "SignUp",
      Landing: '*',
    },
  }
};

function AppContainer() {

  return ( 
    <NavigationContainer linking={linking} fallback={<Text>Loading...</Text>}>
      <AppStack.Navigator>
        <AppStack.Screen name="SignIn" component={SignInPage}/>
        <AppStack.Screen name="Landing" component={LandingPage}/>
        <AppStack.Screen name="SignUp" component={SignUpPage}/>
        <AppStack.Screen name="Home" component={HomePage}/>
      </AppStack.Navigator>
    </NavigationContainer>
  );
}

当我转到“http://localhost:8080/”时，我被重定向到“http://localhost:8080/SignIn”（这很好），并且应用程序正在运行。问题是，如果我从浏览器访问“http://localhost:8080/SignIn”，我会收到“Cannot GET /SignIn”，并且该应用程序无法正常工作...

我正在使用这些版本：

"@react-navigation/bottom-tabs": "^5.11.1",
"@react-navigation/native": "^5.8.9",
"@react-navigation/stack": "^5.12.5",