更新:事实证明,这不仅发生在本地ReactJS脚本上,而且还发生在网页上使用的任何其他本地外部脚本上。
据我所知,此问题仅发生在Internet Explorer 11和Edge中。我不确定它是否出现在Internet Explorer的早期版本中。
以下代码在名为index.html的文件中
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
<header><div id="header"></div></header>
<div id="scroller"></div>
<script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="./js/react.production.min.js"></script>
<script type="text/javascript" src="./js/react-dom.production.min.js">
</script>
<script type="text/javascript" src="./js/components/scroller.js"></script>
<script type="text/javascript" src="./js/widgets/header.js"></script>
</body>
</html>
会发生什么,如果我尝试使用本地版本的React,则会收到错误消息
'React' is undefined
但是,如果我使用React的两个副本的远程版本,则可以正常工作。当我尝试使用本地版本的JQuery时切换回React的远程版本时,JQuery也会发生同样的情况。我尝试的一种解决方案here是确保文件使用相同的文件编码。我想我可以确保它们都使用相同的编码。但是,这并不能解决问题。
我可以采用什么方法解决此问题?