Reactjs 在Phoenix 1.5中未使用Webpack重新加载的React组件
似乎React组件的热重新加载在带有Webpack的Phoenix 1.5中不起作用。我创建此示例应用程序是为了说明我遇到的问题: 不会自动重新加载对Reactjs 在Phoenix 1.5中未使用Webpack重新加载的React组件,reactjs,webpack,phoenix-framework,Reactjs,Webpack,Phoenix Framework,似乎React组件的热重新加载在带有Webpack的Phoenix 1.5中不起作用。我创建此示例应用程序是为了说明我遇到的问题: 不会自动重新加载对/assets/js/react/App.js的更改。刷新页面也不会反映更改。我必须重新启动Phoenix服务器才能显示更改 我可以编辑其他文件,比如模板文件(*.html.eex),它们可以很好地重新加载。然而,有趣的是,即使在重新加载其他文件时,React组件仍然不会更新 你知道如何使用React组件进行热重新加载吗 PS.松散地按照本教程在P
/assets/js/react/App.js
的更改。刷新页面也不会反映更改。我必须重新启动Phoenix服务器才能显示更改
我可以编辑其他文件,比如模板文件(*.html.eex
),它们可以很好地重新加载。然而,有趣的是,即使在重新加载其他文件时,React组件仍然不会更新
你知道如何使用React组件进行热重新加载吗
PS.松散地按照本教程在Phoenix 1.5项目中设置React:简单解决方案。开发框架预期行为的这种突破是由于升级到Webpack1.5。为了再次获得热重新加载,您需要将
--watch
标志添加到dev.exs
中的watchers
条目中。标志从v1.4更改为1.5
下面是一个示例(第11行和第12行):
1 config :nexus, App.Endpoint,
2 http: [port: 4000],
3 debug_errors: true,
4 code_reloader: true,
5 check_origin: false,
6 watchers: [
7 node: [
8 "node_modules/webpack/bin/webpack.js",
9 "--mode",
10 "development",
11 "--watch", # ADD THIS
12 "--watch-options-stdin", # THIS FLAG ALSO CHANGED IN 1.5
13 cd: Path.expand("../assets", __DIR__)
14 ]
15 ]