У меня проблемы с webpack-dev-middleware, а не с горячей перезагрузкой с помощью реагирующей функции без состояния, но отлично работаю, если я создаю расширяющий класс класс.Webpack Hot Module Reloader не работает с React Stateless Component
Например, это работает отлично.
// home.js
import React from 'react'
export default class Home extends React.Component {
render() {
return (
<div>
<h1>Drop it like it's hot</h1>
</div>
)
}
}
Однако это терпит неудачу.
// home.js
import React from 'react'
export default function Home() {
return (
<div>
<h1>Hello World</h1>
</div>
)
}
Ошибка:
[Warning] [HMR] The following modules couldn't be hot updated: (Full reload needed) (bundle.js, line 1742)
This is usually because the modules which have changed (and their parents) do not know how to hot reload themselves. See http://webpack.github.io/docs/hot-module-replacement-with-webpack.html for more details.
[Warning] [HMR] - ./client/components/home.js (bundle.js, line 1750)
https://github.com/gaearon/babel-plugin-react-transform/issues/57 – azium
AFAIK, так как это просто функция, трудно статически определить, является ли это компонентом реакции или просто функцией (вопрос выше упоминает) –
Это не сработает, о нем упоминается в README проекта. – aarosil