React热模块替换不加载样式

文章/答案/技术大牛

发布

1回答

reactjs、webpack-dev-server、webpack-hmr

我遇到了一些HMR的问题，每次我对jsx文件或css文件进行更改时，HMR都会成功重新加载。但是，重新加载页面时没有使用我的样式。如有任何帮助或建议，欢迎光临！

浏览 25提问于2021-07-23得票数 0

1回答

如何在使用CRA2和redux时启用HMR？

reactjs、redux、create-react-app、webpack-hmr、react-hot-loader

我正在开发一个用v2创建的React应用程序。最近，我开始使用CSS中的JS库，即样式化的组件。在此之前，我不太关心整个应用程序是重新加载到每一个更改上，还是有热门模块替换。但是当我更改css时，当整个应用程序被重新加载时，使用css是非常恼人的。我发现，尽管事实是，webpack配置的hot选项是由CRA2启用的，没有热重新加载。我可以让热模块替换(至少对于css)没有反应-热加载</e

浏览 3提问于2019-04-04得票数 0

1回答

响应热模块重装器阻止mocha测试的运行

javascript、reactjs

我有一个React项目，它正在运行react-transform-hmr热模块重新加载器，在我实现mocha测试之前，所有这些都运行得很好。当我运行测试时，我会得到以下错误：我在googled上搜索了这个文件，并发现一些信息提到将热

浏览 0提问于2016-08-29得票数 0

回答已采纳

2回答

我可以用热模块更换webpack，但不使用反应？

webpack

我试过使用热模块替换，但从未成功。然后我找到了这个，它可以很好地使用热模块替换。它使用了一个react热加载程序，如果我移除这个加载程序，我会得到错误：我可以

浏览 5提问于2015-09-30得票数 4

回答已采纳

3回答

Webpack SCSS分页前的闪烁

javascript、css、express、reactjs、webpack

我正在工作一个同构的React+Flux+express应用程序，并使用webpack加载器为我的sass (与sass-加载程序)和jsx文件。我不知道如何将样式表注入服务器端模板。为了这个目的，我看了一下摘录文本插件，但我真的想要能够使用热模块替换。现在，我正在将我的main.scss文件加载到一个像这样的React组件中： if (typeof window !/styles/main.scss")

浏览 2提问于2015-02-17得票数 12

回答已采纳

2回答

关于安装新反应应用程序的问题

javascript、node.js、reactjs、npm

因此，我安装了Nodejs(V10.16.0LTS)，然后使用运行以下命令cd my-app安装后，在保存代码文件后，尝试更改任何代码浏览器中的选项卡不会自动重新加载，当我手动重新加载选项卡时，会发生错误，例如本地主机拒绝连接。检查连接请指导我这个问题。谢谢

浏览 4提问于2019-07-29得票数 0

1回答

是否响应本机快速刷新支持module.hot.dispose数据参数？

javascript、react-native、storybook

我正在处理react本机故事书项目，并试图重用一些用于将文件(故事)加载到应用程序中的代码。在webpack实现的热模块中，重新加载处理函数具有这个特征。如果要将状态传输到新模块，请将其添加到数据对象中。有关新模块的数据将在module.hot.data上提供。

浏览 4提问于2021-05-22得票数 0

回答已采纳

1回答

Redux动作创建器在使用redux-thunk时可以热重新加载吗？

javascript、flux、redux

我担心的是，动作创建器中有相当多的潜在热重载代码，因为操作创建器(使用thunk中间件)可能包含潜在的不纯操作，因此不可能热重载它们。

浏览 0提问于2015-12-07得票数 0

1回答

我怎样才能使皮尼亚商店热重新加载的变化？

vue.js、vuejs3、store、pinia、vuex4

({ { content: 'Learn Reactimport.meta.hot) {} 嘿，我正在尝试使用HMR (热模块替换我尝试使用Pinia：的官方文档中的热重

浏览 8提问于2022-07-06得票数 1

3回答

macOS Catalina不工作的热模块重新加载

webpack、macos-catalina

从那时起，热模块替换不再适用于create-react-app以及使用ng命令生成的角度应用程序。我确实尝试过从零开始创建一个React应用程序，但是热模块的替换仍然不起作用。

浏览 1提问于2019-11-11得票数 1

回答已采纳

2回答

如何热重新加载样式-组件？

reactjs、styled-components

更改造型组件后，webpack如下所示，如何热重加载造型组件？ HMR以下模块无法热更新：(需要完全重新加载)这通常是因为模块已经改变(和他们的父母)不知道如何热重新加载自己。更新:我使用样式-组件1.1.2

浏览 6提问于2017-05-02得票数 3

1回答

如何将HMR与SASS和ng2样式加载一起使用？

angular、webpack、webpack-dev-server、sass-loader

当适当地加载到页面上时，对SCSS文件的更改会导致整个页面重新加载，而不是css的HMR (更改后的样式表的热模块替换)。如何让HMR与Angular2协同工作？sourceMap'组件样式实现： selector: 'home-route', templateUrl: 'home.component.html',

浏览 19提问于2016-09-14得票数 3

5回答

是否有可能自动重新加载应用程序的反应本机？

react-native

有可能有一个反应本机应用程序，以自动重新加载在模拟器，一旦我编辑了源和东西重新编译自己？

浏览 5提问于2015-03-27得票数 29

回答已采纳

2回答

webpack-dev-server --hot ()

node.js、reactjs、webpack、webpack-dev-server、hot-module-replacement

有了下面的配置，我就可以使用HotModuleReplacementPlugin()来替换热模块，但在运行webpack-dev服务器时不能使用--hot。我的问题是，为什么？最近几乎所有关于设置热模块替换的指南都使用--热，但它对我不起作用。webpack 2.2.1 使用此设置，热模块加载工作正常。如果我删除插件，并运行服务器附加--热(正如

浏览 1提问于2017-02-13得票数 5

1回答

响应热加载器不更新更改

javascript、reactjs、webpack、webpack-dev-server、react-hot-loader

我使用的反应热装载机v3，但它是无效的。它侦听服务器上的更新，但不显示更改，而是将其警告为 'webpack/hot/only-dev-server', '.}

浏览 3提问于2016-11-28得票数 1

1回答

为开发环境配置Lerna :使用共享包

javascript、reactjs、webpack、lerna、monorepo

它的结构如下： - create-react-app-examplecreate-react-app-example就像create-react-app产生的东西即使用webpack转换ES6/ES7代码，具有热模块替换文件更改等功能；所以一切都很

浏览 0提问于2018-12-05得票数 1

1回答

Webpack在样式加载器和提取文本webpack插件之间切换

javascript、css、webpack、webpack-dev-server、hot-module-replacement

这是因为我的开发配置使用热模块替换，因此需要内联样式，而我的产品配置不需要。但是，在从生产转向开发时，我注意到从我的生产webpack构建中提取的main.css是，它凌驾于之上-- style-loader的内联样式。这意味着热重新加载对CSS更改不起作用。首先，我的内联样式不应该覆盖我的外部main.css样式表，那么为什么会发生这种情况呢？第二，如果这是预期行为，那么处理这一问题的一般惯例是什么？

浏览 3提问于2017-09-21得票数 1

1回答

从parcel v1切换到-> CRA，如何在开发过程中重新加载静态web文件

reactjs、create-react-app

我设法解决了一些问题，尽管它们的错误消息非常不直观。到了一定程度，“包裹构建”是有效的，但“包裹服务”就是不起作用，并且无法在网上找到答案。在这一点上，我决定切换到创建React App，因为它更符合“行业”标准。(感谢你听我大喊大叫) 当我使用parcel v1时，我对开发环境的设置是运行"parcel index.html“(具有热模块替换)，并且我在后端提供静态文件。但是我不知道如何使用create-react-script来做到这一点。"react</

浏览 11提问于2021-06-24得票数 1

回答已采纳

1回答

Webpack -只在开发包中包含css (不包括生产)

reactjs、webpack、webpack-dev-server

当我创建我的产品包时，我不需要javascript中的任何样式表，它们都包含在index.html中。样式表是用从sass到bundle.css的咕噜表编译的。现在，我希望将css包含在javascript包中，用于替换热模块，但不需要更改任何现有的javascript文件。也许值得一提的是我用的是React。

浏览 4提问于2016-05-10得票数 0

回答已采纳

点击加载更多