Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在Phoenix 1.5中未使用Webpack重新加载的React组件_Reactjs_Webpack_Phoenix Framework - Fatal编程技术网

Reactjs 在Phoenix 1.5中未使用Webpack重新加载的React组件

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

似乎React组件的热重新加载在带有Webpack的Phoenix 1.5中不起作用。我创建此示例应用程序是为了说明我遇到的问题:

不会自动重新加载对
/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  ]