当前位置: 首页 > 面试题库 >

反应路由,路径不起作用,找不到捆绑

范弘亮
2023-03-14
问题内容

以下路线非常有效,并显示AdministratePage组件:

 <Route path="/admin" component={AdministratePage} />

但是这条路线:

 <Route path="/admin/all" component={AdministratePage} />

…导致以下错误:

http:// localhost:8080 / admin /
bundle.js
404(未找到)

我哪里出错了?我是否可以使用任何路径?

我正在使用react-router-dom 4.1.2。

我的webpack.config.js:

  output: {
        path: path.resolve('dist'),
        filename: '/bundle.js'
    },

我的index.html:

   <div id="app"></div>

谢谢。


问题答案:

斜线在这里看起来没用

filename: '/bundle.js'

也尝试定义publicPath

output: {
  filename: 'bundle.js',
  path: path.resolve('dist'),
  publicPath: '/',
},

https://webpack.js.org/guides/public-
path/



 类似资料:
  • 考虑以下事项: 我有一个应用模板,一个HeaderTemboard,和参数化的路由集与相同的处理程序(在应用模板)。我希望在没有找到东西的时候能够服务404路线。例如, /CA/SanFrancisco应该由区域查找和处理,而 /SanFranciscoz应该是404。 下面是我如何快速测试路线的。 问题是 /SanFranciscoz总是由区域页面处理,但我希望它是404。此外,如果我向第一个路

  • I my app.js我已将路线定义为: 在我的中,我有一个链接: 但问题是,当我在aboue path中设置prop'确切={true}时,找不到这个路径 当我没有在上面的路径中设置exact={true}时,在同一页面上呈现路径组件及其下方的路径组件

  • 由于以下错误(npm 3.10.10,webpack 3.8.1),我无法使用vue routes get。如何解决这个问题 编译失败。 ./node_modules/babel loader/lib/node_modules/vue loader/lib/selector.js?type=script 我使用简单的网页包 Quotes.vue Quote.vue new-quote.vue Ap

  • 我的目标是让http://mydomain/route1呈现React组件Component1,让http://mydomain/route2呈现component2。因此,我认为编写如下路线是很自然的: http://mydomain/route1按预期工作,但http://mydomain/route2反而呈现Component1。 然后我读了这个问题,并将路线改为:

  • 我的导航不工作,因为某些原因,我有另一个应用程序运行良好,但这一个不能找到错误,请帮助 反应路由器不工作。反应JS 我需要你的帮助。 使用react-router,我可以使用Link元素创建由react router本地处理的链接。

  • 我正在使用youtube上的教程制作一个简单的聊天应用程序(github链接:link)。一个潜在的问题是本教程使用2。django的x版本,但我有3.1。7,但我让它工作得很好,很接近,但随后开始出现以下错误: 当查看我的终端时,它一直试图一遍又一遍地重新连接,可能是因为我使用了重新连接WebSocket github javascript代码。当我运行redis-cli并键入ping时,我得到

  • 我已经稍微调整了React路由器的私有路由示例,以便与Redux玩得很好,但是当链接或重定向到其他页面时,不会呈现任何组件。这个例子可以在这里找到: https://reacttraining.com/react-router/web/example/auth-workflow 他们的PrivateRoute组件如下所示: 但是,因为我已经把它合并到一个Redux应用程序中,我不得不稍微调整一下私