为什么react中的外部javascript在第一个页面更改/重定向到另一个路由后无法加载

在React中，当我们在第一个页面更改或重定向到另一个路由后，外部JavaScript文件可能无法加载的原因有以下几个可能性：

1. 缓存问题：浏览器可能会缓存JavaScript文件，导致在第一个页面更改后，浏览器仍然使用缓存的旧文件。解决这个问题的方法是在文件的URL后面添加一个唯一的查询参数，以确保每次加载的都是最新的文件。例如，可以使用时间戳作为查询参数，如<script src="external.js?timestamp=123456"></script>。
2. 路由切换导致的组件卸载：当我们从一个路由切换到另一个路由时，React会卸载当前页面的组件，并加载新页面的组件。如果外部JavaScript文件是在当前页面的组件中引入的，那么在切换路由后，该组件会被卸载，导致外部JavaScript文件也无法继续加载。解决这个问题的方法是将外部JavaScript文件的引入放在根组件或者其他不会被卸载的组件中。
3. 异步加载问题：如果外部JavaScript文件是通过异步加载的方式引入的，那么在切换路由后，可能会导致异步加载的过程被中断或者延迟。这可能会导致外部JavaScript文件无法加载完成。解决这个问题的方法是在异步加载的过程中，确保加载过程不会被中断或者延迟。可以使用React的Suspense组件来处理异步加载的问题。

总结起来，当在React中更改或重定向到另一个路由后，外部JavaScript文件无法加载的原因可能是缓存问题、组件卸载问题或者异步加载问题。解决这个问题的方法是添加唯一的查询参数来避免缓存问题，将外部JavaScript文件的引入放在不会被卸载的组件中，以及确保异步加载过程不会被中断或者延迟。