ОБНОВЛЕНИЕ: Оказывается, это происходит не только для локальных сценариев 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.Одно из решений здесь Я пытался убедиться, что файлы используют одинаковую кодировку для файлов.Я думаю, что смог убедиться, что все они имеют одинаковую кодировку.Однако это не решило проблему.
Какие подходы я могу предпринять для решения этой проблемы?