我有一个具有基本结构的单页React应用：
index.html
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="static/css/app.css" />
</head>
<body>
<div id="react-app"></div>
<script type="text/javascript" src='static/js/bundle.js' charset="utf-8"></script>
</body>
</html>
bundle.js是由webpack生成的。
当我在空白页面中运行它时，它可以正常工作，但是现在我需要将其注入到另一个Web应用程序中，即将上面的代码注入到另一个页面的<div></div>标记中。
问题是在我注入这些文件后，它更改了其他人（主应用程序）的UI。我猜是由于注入bundle.js具有全局范围，这影响了全局样式。关于如何解决它的任何想法？谢谢