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 的世界！

npm 仅在 index.js 中进行更改时更新

npm is only updating when changes are made in index.js

javascript

node.js

npm

reactjs

npm-start