你网上看到的绝大部分webpack+react的教程都是动态的把生成的文件插入到html文件里的，所以你肯定指定了一个html文件，于是那个html里面要不就只有id为rank-lish的某个div（假设你用的div），要不就只有id为login-container的div

你发现undefined一类的错误的时候不尝试console.log一下你使用的资源吗？

你的rank-list、login-container分别在不同的页面，所以总会出现 document.getElementById(xxx) 为 undefined 的情况，往 undefined 里渲染肯定会出错了。

你在每一个 render 前加一个判空就行。如:

if (document.getElementById('rank-list')) {
    ReactDOM.render(,document.getElementById('rank-list'));
}