当前位置: 首页 > 知识库问答 >
问题:

Webpack开发服务器在嵌套路由中更新模块后不重新渲染

虞滨海
2023-03-14

我收到以下错误

拒绝从执行脚本'http://localhost:8080/Docs/bundle.c2e76650.js'因为其MIME类型('text/html')不可执行,并且启用了严格的MIME类型检查。

如果路径只有一级深(例如localhost/docs),并且带有react-router,那么这似乎是可行的,但一旦路由被嵌套(例如localhost/docs/nestedRoute),就会导致热重新加载中断。这是我的网页的相关快照。配置。js。

devServer: {
    contentBase: "dist",
    overlay: true,
    historyApiFallback: true,
    hot: true
},

webpack-

webpack-dev-server-

共有1个答案

芮明知
2023-03-14

将以下内容添加到我的网页中。配置。js已修复此问题。。。

{
...
  output: {
    ...
    publicPath: '/'
  }
}

参考#978

 类似资料:
  • 本文向大家介绍vue 刷新之后 嵌套路由不变 重新渲染页面的方法,包括了vue 刷新之后 嵌套路由不变 重新渲染页面的方法的使用技巧和注意事项,需要的朋友参考一下 解决嵌套路由刷新时,路由没有变化,正常情况下页面是不会重新渲染的 1、在router-view中加上条件渲染 v-if 默认为true。让它显示出来 2、写写一个reload方法,在页面刷新只有,点击某个查询条件的时候调用这个重载的方法

  • 我开始构建一个基于React,TypeScript和Webpack的小应用程序。我关注了这篇文章:https://www.typescriptlang.org/docs/handbook/react- 所有来源都存储在GitHub回购:https://github.com/aszmyd/webpack-react-typescript-bug 问题是: 当我启动webpack dev server

  • 问题内容: 我目前有一个Flask网络服务器,该服务器使用内置的requests对象从JSON API中提取数据。 例如: 这里的问题是,自然地,GET方法仅在第一次调用get_data时运行一次。为了刷新数据,我必须停止并重新启动Flask wsgi服务器。我曾尝试在True / sleep循环中包装代码的各个部分,但这会阻止werkzeug加载页面。 动态地获取我想要的数据而无需重新加载页面或

  • 如果我将路由折叠起来,这样看起来就像: 工作很好。我嵌套的原因是因为我将在“dashboard”下有多个子项,并且希望它们都在URL中以为前缀。

  • 问题: 有异步路由,从中获取参数并返回(组件)。问题是当我从一个到另一个(只是相同的路由,但不同。参数)我的路由器卸载并重新渲染组件。但它应该只传递新的道具,不要触及我的组件生命周期。怎么解决呢?我做错了什么? 代码: 路由器 组件将装入电影组件中 更新:好的,做了一些实验。 替换

  • 我们团队决定尝试使用OpenShift Origin server部署服务。我们有一个单独的虚拟机,安装了OpenShift原始服务器,运行良好。我能够部署我们的本地docker映像,这些服务也运行良好——pod已启动并运行,获得了自己的IP,我可以从虚拟机访问服务endpoint。 问题是我无法让它工作,所以服务暴露在机器之外。我读到了路由器,它被认为是公开服务的正确方式,但它只是不起作用,现在