npm 僅在 index.js 中進行更改時更新

Question

我剛剛開始學習 React，我正在使用命令 npm start 運行服務器，但問題是每當我對 index.js 文件進行任何更改時，它都會在網站上更新它，但是每當我導入其他一些應用程序並制作這些應用程序的更改不會更新網站。
如何在更新項目中的任何文件時更新我的​​站點？

這是我的 header.js 文件

 import React from 'react'; const user = { name : 'Brijesh', lastname : 'Maurya', age : 20 } const Header = () =>{ return ( <div> <div>{user.name}</div> </div>) } export default Header;

這是 index.js 文件

 import React from 'react'; import ReactDOM from 'react-dom'; // Components import Header from './components/header' const App = () =>{ return ( <div> <Header/> </div> ) } ReactDOM.render(<App/>, document.querySelector('#root'));

Answer 1

這聽起來像是運行 npm start 的任何服務器 - 可能是節點服務器 - 都配置了熱模塊更換，而您正在運行的其他應用程序沒有配置 HMR。

您可以在此處了解有關如何在 Webpack 站點上配置 HMR 的更多信息： https ://webpack.js.org/concepts/hot-module-replacement/

關於 React Hot Loader 在這里： https : //gaearon.github.io/react-hot-loader/getstarted/

如果 npm start 運行 wepack-dev-server，它可能就像運行帶有 --hot 標志的服務器一樣簡單。

Answer 2

由於您的問題已通過創建另一個應用程序解決，也許您應該考慮一下制作這些文件時所經歷的流程。 正如你提到的你剛剛開始學習 react ，我想你可能已經做了一些事情，比如刪除所有文件，然后從頭開始創建新文件。

不管怎樣，歡迎來到 React JS 的世界！